位置: 编程技术 - 正文

使用JavaScript为Kindeditor自定义按钮增加Audio标签(js怎么使用)

编辑:rootadmin

推荐整理分享使用JavaScript为Kindeditor自定义按钮增加Audio标签(js怎么使用),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:javascriptwhile,怎么用javascript,javascript可以用什么工具编写,avoid using javascript keyword as v-on,avoid using javascript keyword as v-on,怎么用javascript,avoid using javascript keyword as v-on,javascript用法,内容如对您有帮助,希望把文章链接给更多的朋友!

流程比较简单,主要有以下步骤:

注册插件(按钮、Lang、htmlTags、插件脚本) 基于media插件代码修改

注册插件

首先,全局配置kindeditor参数:

在初始化编辑器的地方,配置按钮列表items参数,把'audio'放在合适的位置:

为了便于阅读,我把audio按钮放在最后,在 "帮助" 标签的后面。

为了让按钮能够显示,我们还需要指定一下css样式:

这里我图方便,直接用了自带的音视频按钮的图标,自定义图标请手动指定 background 样式属性。

使用JavaScript为Kindeditor自定义按钮增加Audio标签(js怎么使用)

最后,创建脚本

audio目录手动建立。

我们把

中的代码复制到audio.js里,然后着手修改。

修改media插件

主要是去掉一些无用的属性,如 宽、高、自动播放等,并修改插入代码的部分,手动构建 "audio" 标签的html代码。

至此,整个插件基本结束。

需要注意的是,上传文件用的是通用的配置uploadJson参数,但会在上传的时候自动添加一个get参数 "dir=audio" ,以便后台识别:

javascript移动开发中touch触摸事件详解 事件对象是用来记录一些事件发生时的相关信息的对象。事件对象只有事件发生时才会产生,并且只能是事件处理函数内部访问,在所有事件处理函数

基于javascript实现页面加载loading效果 本文实为大家分享了javascript实现页面加载loading效果,供大家参考,具体内容如下效果图:htmlheadtitle正在载入/titlemetahttp-equiv="Content-Type"content="text/html;ch

分享js粘帖屏幕截图到web页面插件screenshot-paste 在很多场合下,我们可能有这样的需求:提供个屏幕截图上传到系统,作为一个凭证。传统的操作方式是:屏幕截图,保存文件到本地,在web页面上选

标签: js怎么使用

本文链接地址:https://www.jiuchutong.com/biancheng/377436.html 转载请保留说明!

上一篇:基于javascript显示当前时间以及倒计时功能(javascript definitive guide)

下一篇:javascript移动开发中touch触摸事件详解(js实现滑动开关功能)

  • 安全生产费实际发生必须是付款吗还是挂帐也可以
  • 未达起征点销售额和小微企业免税销售额
  • 开出商业承兑汇票到期会计分录
  • 填仓2021
  • 企业在什么情况下辞退员工不需要补偿
  • 商业保险费可以在个人所得税税前扣除吗
  • 进料加工企业的增值税如何处理
  • 酒店内部招待费怎么记账
  • 企业取得的财政补贴收入是否缴纳增值税
  • 往年预付账款错了,应如何调?
  • 利润总额递延所得税
  • 收购其他公司有什么好处
  • 事业单位购入三年期国债的会计分录怎么做?
  • 公司造成损失要员工承担吗
  • 融资租赁与经营租赁相比具有的优势
  • 注销公司房产税从哪年从哪年开始交
  • 投资款需要交印花税嘛
  • 蜜枣税收分类编码
  • 集团企业内各个部门职责
  • 简易计税的劳务公司员工社保可以抵扣增值税吗
  • 公积金多交退回怎么申报个税
  • 实物出资需要发票吗
  • 成本核算的基本方法及适用范围
  • 专用发票红字发票
  • 苹果电脑屏幕键盘怎么去除
  • 本月发生的费用,下月取得发票,怎么做账
  • 电脑安全模式有声音吗
  • PHP:get_meta_tags()的用法_url函数
  • 会计结账时账户余额为零
  • 车辆被盗
  • 利润增减幅度
  • 纽格尔官网
  • 企业工商年检什么意思
  • Linux(CentOS)下PHP扩展PDO编译安装的方法
  • 俄勒冈zip
  • 华为od机试成绩什么时候出来
  • php判断查询结果是否存在
  • 简易html代码
  • split 文件分割
  • 经营租入固定资产账务处理
  • 企业利润分配的通常去向包括
  • 建筑工程价款结算
  • 矿产资源补偿费计入税金及附加吗
  • SQL SERVER 2008 64位系统无法导入ACCESS/EXCEL怎么办
  • mongo mysql区别
  • 帝国cms插件编写教程
  • 存货跌价准备是谁的备抵账户
  • sqlserver复制需要有实际的服务器名称
  • 税务稽查补缴上年所得税分录
  • 员工出差报销的餐费怎么下账
  • 房地产公司项目经理待遇
  • 印花税的其他凭证指的是什么
  • 制造费用可以计提吗
  • 其他业务支出可以在企业所得税前扣除吗
  • 收到跨年的发票怎么入账
  • 最新的会计规定出台时间
  • 出口退税转免税怎么写个说明
  • 实收资本相关认定
  • 房地产企业预收账款
  • mysql指定查询
  • mysql存储引擎实现原理
  • win8.1电脑设置在哪里
  • 请问usb是什么意思啊
  • ubuntu 2021
  • Win7旗舰版系统文件名称
  • win8计算机管理员权限
  • Linux下OpenVPN配置静态密钥(static-key)验证教程
  • 深入react技术栈
  • bootstrap-Treeview实现级联勾选
  • Node.js中的construct构造函数
  • jquery 上传进度
  • unity behavior designer
  • 安装node-sass报错
  • 细说javascript
  • android获取屏幕内容
  • 税务电子发票怎么开
  • 丰田威驰2023款1.5自动挡新车报价
  • 专利证书印花税怎么计算
  • 贵州省税务局193项业务
  • 怎么打印个人所得税扣缴申报表
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设