位置: 编程技术 - 正文

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

  • 退税收入如何做账
  • 高新企业享受税收优惠政策备案怎么申请
  • 节税是什么意思
  • 流转税包括哪些税种2022
  • 累进税率的形式有全额累进税率和什么两种
  • 企业留存的盈余公积属于哪个会计科目
  • 建行网银转账复核流程
  • 发生销货退回需要退回发票么
  • 商业银行税前收益率
  • 没有票据怎么要账
  • 对公受托理财赎回分录
  • 委托加工分装农药的委托人应当取得相应的
  • 税负的含义
  • 住宅租给公司办什么手续
  • 购买固定资产的进口关税
  • 建安企业异地个税怎么交
  • 税务局领普通发票需要多少钱
  • 纳税人财务会计核算办法怎么上传
  • 住宿费增值税怎么算
  • 查询税务信用评级
  • 设定提存计划怎么填
  • 所得税会计方法有哪几种
  • 电商刷单手续费做什么费用?
  • 来的货比合同金额多怎么申报印花税?
  • 出售股票公允价值变动损益
  • 损失与费用的区别
  • 有留抵怎么交增值税
  • 增值税留抵税额在借方还是贷方
  • 五险一金个人缴纳部分
  • 休眠文件大小设置
  • 收到其他公司退款
  • 资产负债表中的货币资金怎么算
  • 企业退款如何走账
  • 股东退股资金如何返还
  • 二手房过户提供发票好还是不提供
  • 收益类账户借增贷减
  • 个人出租商用房个人所得税
  • random_state=123
  • php如何实现
  • 车道线检测模型
  • python jsdom
  • 时间格式转换成小时数
  • 详细步骤怎么写
  • 债券溢折价摊销
  • 事业结余是事业单位当年全部收支相抵后的余额
  • 财务章和公章下面数字一样吗
  • 未确认融资费用报表填在哪个科目
  • 小微企业能申请留抵退税吗?
  • 理财产品利息计算方法
  • 织梦cms要钱吗
  • 通用定额发票能当餐饮发票报销吗
  • mongodb使用案例
  • 小规模纳税人销售商品会计分录
  • 进出口企业需要英文公章吗
  • 业务招待费进项票可以抵扣吗
  • 现金流量表的编制依据
  • 个人对企事业单位的看法
  • 注册资本认缴与实缴有什么区别
  • 残保金是第二年交前一年的吗
  • 个税手续费返还政策文件
  • 社保退休金计算方法
  • 零工发生事故算工伤吗
  • centos下载命令
  • centosuuid
  • win7纯净版和正版区别
  • WIN7系统如何关掉游戏屏保
  • win7桌面怎么设置到d盘
  • jquery邮箱正则表达式
  • androidstudio更改工程名字
  • 路径可分为
  • dos跳转到指定目录
  • python爬虫工作内容
  • jQuery通过ajax快速批量提交表单数据
  • fragment切换保存状态
  • 手把手教你用python破解wifi
  • No active compatible AVD's or devices found. Relaunch this configuration after connecting a device o
  • 福建省电子税务局官网登录入口
  • 四川国税网上营业厅
  • 出口退税需要哪些
  • 预到船舶是什么
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设