位置: 编程技术 - 正文

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

  • 跨境电商小规模好还是一般纳税好
  • 邮政电信业务差距大吗
  • 银行对账单放前面还是放后面
  • 严格财务报销程序
  • 企业所得税汇算清缴时间
  • 虚开增值税普通发票罪的立案标准
  • 如何区别文化体育业和娱乐业
  • 现金日记账年结模板
  • 企业股东投资
  • 招待费的进项
  • 因台风造成原材料毁损计入什么科目
  • 原材料加工费怎么入账的
  • 存货算动产吗
  • 增值税普通发票和专用发票有什么区别
  • 不得核定征收企业所得税的行业
  • 股权增资稀释股价会涨吗
  • 资本公积转增的股票可以转让吗
  • 公司破产实收资本尚未交完股东对公司承担什么责任
  • 进项发票认证抵扣时间有限制吗
  • 计提工资附加费啥意思
  • 发票冲红有时间要求吗
  • 建筑业购买材料入什么会计科目
  • 实物捐赠的企业有哪些
  • 发票未到计提房租费用会计分录
  • 公司资金周转困难怎么办
  • 高新技术研发的会议有哪些
  • 未开票收入如何记账
  • msdn原版win7
  • win7 无法 启动
  • 社保公积金的钱可以提出来吗
  • 软件入无形资产金额
  • 融资租赁与经营租赁的区别主要是
  • 职工薪酬可能计入什么科目
  • mcshield.exe是什么进程
  • 应交增值税专栏下的增值税项目有哪些?
  • form表单使用
  • 牛顿地名
  • 康沃尔郡的大学
  • framework模块
  • unigui 小程序
  • 什么是Unicode
  • php文件上传用什么请求方法
  • antv g6 node 嵌套
  • 文本检测工具
  • 出售自建不动产怎么交税
  • 帝国cms插件编写教程
  • python项目开发案例集锦pdf百度网盘
  • 织梦设置的关键词看不到
  • python的基本风格
  • 案例详解:功能点估算法
  • python数组合并并排序
  • 净资产包含哪些项目
  • 应付账款发生坏账怎么办
  • 电子汇票提示付款申请
  • 怎么计算城市
  • 开具发票时如何做账务处理?
  • 销售废旧物资如何入账
  • Linux系统下Mysql使用简单教程(一)
  • 通过SQL绘制杨辉三角的实现方法介绍
  • win7总是更新怎么办
  • xp系统为什么网页打不开了
  • Windows 2003 SP2 简体中文版下载地址
  • vmware怎么放大虚拟机
  • linux里chmod
  • 让xp系统瘫痪
  • 电脑安装win8系统
  • win10开启暗黑模式
  • 微软64位Win10 Mobile很快到来 Surface Phone有望搭载
  • linux安装步骤
  • win8系统咋样
  • android图片透明度怎么设置
  • 使用Python对SQLite数据库操作
  • 手游云测试工具有哪些
  • jquery有哪些
  • 付了120救护车费怎么报销
  • 营改增后如何计算税金
  • 如何做好税务党建工作
  • 广西电票科技有限公司
  • 公办幼儿园和企办幼儿园区别
  • 生产企业出口退税申报流程操作
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设