位置: 编程技术 - 正文

使用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实现滑动开关功能)

  • 白酒的品牌使用费含增值税吗
  • 印花税和契税是什么意思?什么时候交?
  • 产权转移数据的交易价格和固定资产科目
  • 什么是税务代理人
  • 未出资到位的股东
  • 增值税可以退税嘛
  • 汇算清缴税费怎么入账
  • 个人因终止投资经营而取得的股权转让收入如何计算个人所得税?
  • 公共绿地绿化
  • 企业卖旧房如何计算缴纳土地增值税
  • 利息支出没有发票怎么做账
  • 子公司注销是利空吗
  • 库存品种
  • 公司出让土地是利好
  • 订金退回怎么做账
  • 自然灾害造成库存商品毁损
  • 银行承兑汇票贴现怎么算
  • 增值税发票进项税额抵扣
  • 进口代理公司怎么收费
  • 建造合同中甲供材选择一般计税还是简易计税更省税?
  • 物流公司开票税率
  • 一般个体户核定税率多少
  • 退回押金如果要退回吗
  • 取得劳务收入的会计分录
  • vmware15虚拟机
  • win10 5月更新已知bug
  • 反结账是什么意思怎么取消
  • 增值税专用发票有几联?
  • 如何使用wordpress建站
  • 退回多缴的所得税怎么算
  • vue实现打印
  • PHP:imagepsextendfont()的用法_GD库图像处理函数
  • 存货报废如何账务处理
  • 拉马克是哪国人
  • 宣告分配现金股利和股票股利的区别
  • 基本户可以公对私吗
  • php怎么访问本地的网页
  • 累计摊销属于什么类科目
  • 个人所得税现金流量表属于哪一项
  • defaultpool
  • 真相 百科
  • 单位应缴住房公积金
  • 高价值配件用入固定资产吗
  • 帝国cms8.0
  • 企业发生的现金溢余如果无法查明原因
  • sqlserver2005 master与msdb数据库备份恢复过程
  • 认缴制和实缴制的法律责任
  • 应收在借方什么意思
  • 小规模纳税人出租不动产免征增值税
  • 车船税不开发票怎么做账?
  • 职工福利费支出不超过工资薪金总额的
  • 员工意外险税前扣除比例
  • 企业收到政府补助金80 000元,存入银行
  • 扣非净利润增长率
  • 库存商品发出计价测试
  • 公司网站维护费用计哪个科目
  • sql server常见故障
  • Linux下MySQL 5.5/5.6的修改字符集编码为UTF8的方法
  • windows预览版计划
  • Win10 Mobile 10549 预览版新功能上手体验视频
  • mac怎么传输文件夹
  • 用ultraiso制作u盘启动盘
  • windowsqq截屏
  • 高效快捷键
  • qconsvc.exe - qconsvc是什么进程 有什么作用
  • go进程管理
  • graphics.dll
  • 如果在一个命令行上输入和执行多条命令
  • 下列有关javascript中call和apply
  • 批处理/l
  • 创建自己的app外卖平台
  • div display inline-block
  • javascript的
  • 安卓数据网络
  • jquery 通过name获取元素
  • java 使用jar包
  • 税务行政执法风险防范与控制
  • 不想订亲
  • 国税局巡察整改方案
  • 艾地盟预混料怎么样
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设