位置: 编程技术 - 正文

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

  • 收取违约金是否交税
  • 购买土地的契税怎么计算
  • 发票专票抵扣
  • 汇算清缴从业人员平均值
  • 增值税发票税控开票软件打不开
  • 小规模公司缴税以后公转私
  • 租了房子再转租
  • 取得失控发票
  • 远期汇票分为哪几种
  • 延期缴纳税款会退回吗
  • 现金券违法吗
  • 不能抵扣的普通发票
  • 月末应付职工薪酬计算方法
  • 存货 科目
  • 异地经营需要办什么税务手续?
  • 期末余额全部转出的有哪些
  • 增值税普通发票和普通发票的区别怎么交税
  • 小微企业免征税额
  • 新成立的公司怎么交公积金
  • 不征税发票能报销吗
  • 小规模纳税人零申报什么意思
  • 增值是什么意思解释
  • 汽修厂的财务怎样做账
  • 对方开具红字发票过来怎么做进项税转出
  • 不征税的通行费怎么分录
  • 调整bios配置设置
  • 华为手机屏幕变成黑白色怎么恢复
  • 腾讯电脑管家网络修复
  • 计提企业所得税费用会计分录
  • 王者荣耀如何进入3D视角
  • php安装部署
  • 超市预售卡怎么记账
  • 系统太多怎么办
  • 消费税组成计税价格公式推导
  • macos10.15.7补充更新
  • 交易性金融资产包括哪些项目
  • vue ng
  • 房地产开发公式
  • laravel框架最新版本
  • 债务重组利得计入其他收益还是营业外收入
  • 爱心代码图
  • discuz 首页设置
  • 简单设置w11
  • 其他权益工具投资
  • 计提和发放工资金额不一致
  • mongodb导入数据三种方式
  • 广告公司的一般纳税人税率是多少
  • mysql同步复制搭建方法指南详细步骤
  • 收到生育津贴会计分离
  • 电子税务局是指什么意思
  • 所得税申报的资产总额是哪里的数据
  • 6月工资7月发8月申报
  • 初中学历学会计难不难
  • 会计科目设置的相关注意事项
  • mysql8.0无法启动
  • 手机如何使用windows
  • ubuntu20.04怎么用
  • win10改用microsoft账户登录
  • cygwin下载教程
  • gh-files是什么
  • win7浏览器主页怎么设置
  • windows 10各版本
  • win7网络不能用怎么办
  • Win7系统文件损坏怎么修复
  • cocos2d-x教程
  • 安卓音游吃音
  • shell自定义命令
  • python 编程技巧
  • unity5.x游戏开发指南
  • android 加载更多
  • js设计模式和开发实践
  • js window.screen
  • jquery遍历json对象
  • 抓落实韧劲不足的具体表现
  • 企业公示信息怎么查询
  • 云南省国家税务局电子税务局官网
  • 房屋契税和维修基金是开发商交还是业主交
  • 车没交车船税上路什么后果
  • 四川地方税务 副局长 晓宏
  • 郑州国税发票查询系统
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设