位置: 编程技术 - 正文

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

  • 食品配送专票税率是多少
  • 企业当期的所得税费用
  • 预付款可以抵扣进度款吗
  • 报销用的发票抬头写什么
  • 个体工商户税收起征点是多少?
  • 融资发票是什么
  • 错把费用计入固定资产次月如何调账
  • 公司的日常开销开发票怎么写
  • 小企业采用什么折旧方法
  • 扶持资金属于政府补助吗
  • 年末计提存货跌价准备
  • 公司向员工个人借款
  • 限售股所得税的优惠政策
  • 个人名义帮公司贷款
  • 小规模公司没有进项票 开票需要交什么税
  • 增值税发票抵扣联丢失怎么办
  • 合伙企业购买股票产生的收益需要缴纳税款吗
  • 开红字增值税专用发票步骤
  • 公司发生业务分录
  • 交通卡定额发票购买
  • 委托加工物资什么意思
  • 审计报告与汇缴报告
  • 个税手续费返还要交增值税吗
  • 支付宝付款凭证可以当发票吗
  • 个人出租住宅需要交哪些税
  • linux grub
  • 微pe工具箱怎么用
  • php ajax json
  • 什么是集成显卡长什么样
  • 交通费补贴算工资吗?
  • 技术转让费会计处理
  • 哪种审计证据可以查出来
  • 永续债进什么科目
  • AI工具大全
  • 机票报销属于什么费
  • 抵扣认证发票统计确认后可以退回吗?
  • 运筹最优化方法有哪些
  • 后处理作用
  • python中类的属性
  • 私车公用维修费用谁出
  • 税盘清卡清不了怎么办
  • 小规模纳税人地方教育费附加税率
  • 不动产经营租赁发票开具注意
  • 银行利息支出税率是多少
  • 工程结转成本分录
  • 加班餐费和误餐费的区别
  • 税前扣除原则和扣除金额
  • 废品收入该如何开票
  • 资产负债率计算方法公式
  • 分公司财务归谁管
  • 购入投资性房地产支付的相关税费
  • 抵债资产处置账务实例
  • 自己生产的产品用于在建工程
  • 高价卖股份犯法么
  • 教育费附加计入其他应付款吗
  • 飞机票抵扣进项税申报表的填写
  • 固定资产装修费用如果符合固定资产
  • 工程公司本月没发工资
  • 库存的周转天数
  • mysql缩进快捷键
  • sql多表关联修改操作
  • 什么是活动目录和域
  • windows无法配置在此硬件上运行
  • centos7 目录结构
  • windows10如何多选文件
  • Win7系统启动密码
  • win7系统文件夹怎么加密
  • Node.js connect ECONNREFUSED错误解决办法
  • wifi显示开发状态
  • CSS锦囊
  • python有没有翻译库
  • Node.js中的核心模块包括哪些内容?
  • jquery中的事件和事件处理有哪些
  • android sdk loader的问题
  • javascript零基础入门书籍
  • javastudio
  • 减免性质代码怎么填
  • 建设工程需要缴纳哪些税
  • 关于研发费用的审计程序,下列说法中错误的是
  • 北京市朝阳区地图
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设