位置: 编程技术 - 正文

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

  • 人民大学税务专硕学费
  • 支出算什么会计科目
  • 一般纳税人缴纳税金分录
  • 支付宝商户服务电话
  • 其他收益是什么类
  • 拓展费税收分类编码
  • 待抵扣进项税什么时候抵扣
  • 专用发票抬头一定要打完整吗
  • 银行回单卡是什么卡
  • 企业购买房产每年需要交什么税
  • 离退休再任职人员的收入是否缴纳个人所得税?
  • 外商独资和中外合资的区别
  • 旧设备用于投资是否应按视同销售处理
  • 应收账款售让会计分录怎么写?
  • 资产减值准备会计科目编码
  • 耕地占用税的账务处理
  • 会计学中管理费用属于什么
  • 报销单冲抵借支做账
  • 隔月红冲发票对报税有影响
  • 12月了还没找到工作怎么办
  • 进口增值税关税怎么付
  • 专用发票与普通发票代码区别
  • 关于设备安装调试的说法
  • 上海、浙江 12万以上个税申报可以用支付宝啦
  • 出口发票认证相符要多久
  • 研发产品样品对我出售账务处理
  • 商贸企业仓储服务有哪些
  • 土地出让金产生的利息交契税吗
  • 卖废品收入没开票怎么办
  • 纳税能力体现的内容
  • 补贴收入营业外收入比例过高
  • 购进原材料影响营业利润吗
  • 金蝶如何结转折旧费用的操作步骤
  • 代理费是指
  • 个税免缴款
  • 如何用腾讯电脑管家回复格式化U盘
  • 国家规定不计入社保基数
  • php添加扩展
  • 如何用php做到页数显示
  • php怎么输出文字
  • 公司给我多交了社保用不用退
  • 基于Java+SpringBoot+Vue+uniapp微信小程序零食商城系统设计和实现
  • 支付宝手机网站支付不风控
  • php自定义函数格式是什么
  • 施工单位奖金分配方案
  • 不计入法定期间的情形包括
  • 以固定资产增资流程是怎样操作
  • 生产劳务成本会计分录
  • 小规模纳税人公转私技巧
  • pycharm pypy
  • 电子承兑汇票到期提示付款后多久到账
  • 接受捐赠计入
  • 盈余公积提取是什么意思
  • 预缴增值税的账务处理
  • 免征增值税所得税在申报表中咋填
  • 接待客人后的感受和过程
  • 全额计提的坏账怎么做账
  • 失业保险金的支付方式
  • 红字冲账的记账凭证
  • sql指定字段添加数据
  • sqlserver触发器语法
  • solaris 2020
  • win10下面任务栏
  • 微软宣布将AI引入Office套件
  • ubuntu16.04怎么改成中文
  • 阿里云电脑系统
  • hptasks.exe是病毒吗 是什么进程 hptasks进程说明
  • windows7英雄联盟老是崩溃
  • libts.so.0
  • Unity3D游戏开发培训课程大纲
  • js中创建对象的几种方法
  • Javascript事件实例详解
  • vue devtools功能
  • jquery动效
  • unix linux
  • unity基于什么语言
  • 深入理解新发展理念
  • js创建对象的方法有哪些
  • javascript模块化与非模块化开发区别
  • 税务稽查预警指标
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设