位置: 编程技术 - 正文

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

  • 企业纳税人是什么
  • 个税汇算清缴怎么把全年一次性奖金并入综合所得
  • 保险费计入什么会计科目需要发票吗
  • 无形资产登记什么明细账
  • 如何确定一个企业在网络营销中的目标受众?
  • 所得税分支机构分配表怎么填
  • 临时增加增值税发票
  • 对公账户转个人账户
  • 收到发票未付款怎么处理
  • 负数发票报税不让填怎么办
  • 电子发票与纸质发票具有同等效力
  • 外购货物应抵扣的进项税额税率
  • 为在建工程发生的管理费用
  • 购买材料产生的运杂费怎么做分录
  • 预付账款是
  • 计划成本法下会计分录
  • 增值税普通发票查询真伪
  • 个人所得税特殊计税方法
  • 事业单位考试一门多长时间
  • 小企业 企业所得税
  • 用于在建工程的固定资产是否可以计提折旧
  • 王者荣耀如何更改战区
  • 应收账款的内容包括
  • 生产性企业购买粽子可以开专票吗
  • 计提房租费
  • 溢价发行股票的相关交易费用冲减资本公积
  • 跨年度冲减收入
  • thinkphp yii
  • php技术基础知识
  • 小规模纳税人差额征税
  • rtlcpl.exe
  • php gd
  • 企业盈利结转本年利润分录
  • thinkphp import
  • 企业所得税必须要季度缴纳吗
  • thinkphp5依赖注入
  • antv g6 node 嵌套
  • vue 配置
  • 资产总额怎么计算公式
  • 最全vue项目实战
  • 注意力机制cbam
  • 公司股东会和董事会
  • 树结构ADT知识点思维导图
  • 11-ElementUI
  • 一般纳税人按简易办法计税销售额
  • 销售不动产统一发票怎么没有税率
  • 房产税的征收范围和标准有哪些
  • 盘盈固定资产如何处理
  • 两者有什么区别用英语怎么说
  • 企业低值易耗品降成本措施
  • mysql配置怎么调出来
  • 外购的商品
  • 企业应收账款怎么记账
  • sqlserver经典书籍
  • 以货换货如何做账
  • 收到对方公司的货款怎么记账
  • 承兑汇票兑现怎么填写
  • 货物赔偿款怎么做账
  • 金税盘可以用热点吗
  • 银行日记账的登记依据有哪些
  • 债务人以低于债务账面价值的现金清偿某项债务
  • 大数据可以在等方面发挥作用
  • Windows10安装net3.5
  • win2003server远程设置
  • Freebsd7.0 Apache2.2+MySQL5+PHP5安装和配置方法
  • win8的系统怎么装win7
  • 如何安装win7系统教程
  • centos 安装
  • win10周年版
  • Windows10系统下iis没有注册.netFrameWork4.0的原因
  • jquery?
  • Node.js中的包管理工具是什么
  • cmd pushd
  • python中csv怎么用
  • python的get
  • 广西税务登记查询网站
  • 目的地查验和口岸查验费用一样吗
  • 2023年内蒙古房贷利率最新消息
  • 电子税务完税证明怎么打印
  • 税务副处级竞争上岗笔试题
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设