位置: 编程技术 - 正文

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

  • 计提房产税和土地税
  • 分公司需要独立法人吗
  • 什么是财务报表审计
  • 基本户可以开立几个
  • 土地增值税清算方法与技巧
  • 建筑施工企业涉税问题
  • 发票勾选平台怎么导出未勾选的发票
  • 建房测绘收费
  • 无法上报季度财务报告
  • 个体生产经营所得税税率表
  • 自然人纳税人识别号查询
  • 房地产企业汇算清缴
  • 净资产出资账务处理流程
  • 应收分保合同准备材料
  • 转增股如何计算资本公积金?
  • 存款取款业务记入那个日记账?
  • 城市维护建设税属于什么税种
  • 个税申报系统在哪里撤销更正
  • 培训费增值税专用发票怎么开
  • 有哪些费用发票可以抵扣
  • 开业庆典礼仪费计入什么科目?
  • 出口退税免退税
  • 科研费收入如何入账?
  • 新公司能先用别人的钱吗
  • 开票税点算什么费用
  • window10系统有几种
  • 企业所得税优惠事项管理目录
  • 贝尔·菲戈尔
  • php连接数据库实现登录注册
  • thinkphp yii
  • 基于Java+SpringBoot+Vue+uniapp微信小程序零食商城系统设计和实现
  • ts和js混用
  • tar压缩解压缩命令
  • python调用cuda执行加法
  • 现金日记账的结账方法
  • 增值税发票抵扣联和发票联
  • 研发费用属于什么会计科目
  • 刚开始考会计证有用吗
  • 学习笔记——Servlet
  • 企业所得税包含营业外收入吗
  • 培训费其他费用的列支范围
  • 金税四期来了我们前期要准备什么
  • 单位举办活动
  • 按差额缴纳增值税
  • 高企数据造假
  • 当月计提的工资,次月申报吗
  • 扣非净利润占比多少合理
  • 邮寄发票的快递费走什么科目
  • 购买汽车时的保险是什么
  • 专用发票给客户的都要盖章吗
  • 营改增的增值税
  • sql server233错误
  • sqlserver数据库备份
  • ssms连接mysql
  • win7桌面库图标怎么删除
  • win7系统的启动项在哪里
  • spyagent4.exe - spyagent4是什么进程
  • ctl.start
  • win7计算机快捷方式不见了
  • win7怎么更改电脑名字
  • 电脑及网络维护
  • WNxp下让所有用户桌面显示系统默认图标的方法
  • centos7安装软件包命令
  • searchnavversion.exe - searchnavversion是什么进程 作用是什么
  • linux shell命令大全
  • window无法正常启动怎么办
  • win7的环境变量如何还原
  • linux bfs
  • jquery动态添加
  • 删除滑动解锁图片
  • linux终端命令行和输出在一行
  • 批处理自动确定
  • CSSvista可同时在IE和Fifrefox调试的CSS编辑提供下载
  • linux中的shell命令
  • 完美世界3v3
  • 封装是借助什么达到的
  • javascript scrollLeft,scrollWidth,clientWidth,offsetWidth 完全详解
  • jQuery中Ajax全局事件引用方式及各个事件(全局/局部)执行顺序
  • 非营利组织税务处理
  • 姓名章加不加印字
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设