位置: 编程技术 - 正文

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

  • 二手房交易需缴纳的费用
  • 外币报表折算差额是一种未实现的汇兑损益
  • 运输公司的车辆保险费计入什么科目
  • 高铁票进项抵扣怎么在增值税系统申报
  • 企业净利率多少算正常
  • 资产管理公司的使命
  • 其他债权投资是资产还是负债
  • 累计折旧空运直接计入生产成本吗
  • 过了纳税期没有申报
  • 向职工支付职工福利费
  • 社保岗位补贴条件
  • 退回投标保证金分录
  • 处理报废的固定资产
  • 企业替员工缴纳商保家财险
  • 收回过去已确认的坏账
  • 股东出资不做股本做借款该怎么写分录?
  • 关于处置固定资产的请示
  • 垫资的利息的合法区间
  • 商业承兑汇票背书转让流程图
  • 退票费报销凭证可以在机子上打印吗
  • 代开票扣了个人所得税怎么做账?
  • 资产总额是资产负债表中的哪个数
  • 水电费发票可以开吗
  • 生产企业的免抵退纳税申报,在财务做销售收入账务后
  • 事业单位洗车费如何入账
  • 公司费用高好还是低好
  • php字符串函数大全
  • linux系统中文输入法切换不出来
  • 跨国公司外汇资金集中
  • vue下载安装
  • 企业所得税如何计算应纳税所得额
  • php中的pdo
  • 文化事业建设费减免政策
  • 最常用的基金业务
  • vue实现返回顶部
  • vue前端代码实例
  • js中...的用法
  • 大前端最新
  • php curl设置cookie
  • ps怎么弄树
  • 支付税审费用怎么做账
  • 公路修路步骤
  • 水电费是收据能入账不
  • 用于职工福利的进项税账务处理
  • 五险一金的会计怎么做账
  • 在access中,数据库对象导出到另一数据库中
  • 原始凭证可以直接粘在记账凭证后吗
  • 一般计税增值税预缴税款怎么算
  • 一般纳税人适用3%税率情况
  • 工程服务费会计怎么做账
  • 待认证进项税额认证以后怎么做分录
  • 兼职会计的工资需要开发票吗
  • 主营业务收入的借贷方向
  • 企业从银行取得短期贷款存入银行,属于( )类型变化业务
  • 未分配利润是不是净利润的意思
  • 车间房屋的日常修理费
  • 企业接收到政府信息
  • 安全费用支付
  • 其他应收款科目核算哪些业务
  • 期末留抵税额可以退税吗
  • WIN10系统怎么删除3Dmax
  • auepuc.exe是什么软件
  • 限制root用户远程登录
  • win8系统升级
  • windows xp的控制面板
  • 如何解决焦虑的心理
  • 一个android项目一般包含哪些目录?各有什么用途?
  • 用jquery制作网页
  • javascript深入理解
  • javascript总结笔记
  • imageview tint
  • delphi7教程
  • android获取系统弹窗,自动点击
  • 服务收入确认条件有哪些
  • 纳税申报过了申报期未申报怎么办
  • 赣州买二手房限购吗
  • 进项税额包括哪些项目
  • 文明6地球地图自然奇观位置
  • 大专学费减免多少
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设