位置: 编程技术 - 正文

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

  • 向境外企业支付利息代扣代缴
  • 发票抬头开个人可以吗
  • 丢失增值税发票已报税证明单怎么开
  • 网上增值税申报表怎么填
  • 其他现代服务业能开哪些税目
  • u8反记账操作步骤
  • 发票税率开错了按什么申报
  • 低值易耗品怎么报废
  • 业务员出差借款,用途写什么
  • 公司比赛规则
  • 事业单位发票名称是原来的怎么办
  • 申报个人所得税的详细流程
  • 企业的车辆购置税计入哪个科目
  • 三证合一号码是纳税人识别号吗
  • 私募投资基金投资者风险问卷调查
  • 季节性停工算作固定资产停止使用吗?
  • 一次还本付息摊余成本计算公式
  • 无法支付的款项转销
  • 利息收入会计如何做账
  • 公司食堂支出计入什么科目
  • 公司聚餐费属于哪个科目
  • 新会计准则下企业合并财务报表问题研究
  • 以前年度应付款项怎么调账
  • 重装系统后软件打不开
  • 企业自建自用房的规定
  • slee401.exe - slee401是什么进程 有什么用
  • PHP简单实现HTTP和HTTPS跨域共享session解决办法
  • 异地银行结算账户的特点
  • 间接人工费用预算工时分配率将提高10%
  • 长期借款和实收资本
  • php获取当前页面
  • php语言之面向对象编程 educoder
  • 结转未交增值税为什么是零
  • web防盗链
  • vue父子组件传值方法
  • less变量
  • dematel模型有什么缺点
  • sed多个命令匹配条件格式
  • php如何入门
  • 对公账户的备用金取现额度
  • 损益类所得税费用
  • ❤️国庆假期快到了,用python写个倒计时程序,助你熬到假期!❤️
  • 摊余成本和账面价值
  • 现金流量表存货增加额怎么算
  • 哪些费用专票是免税的
  • 公司网站设计怎么做
  • 个体户怎么开对公账户
  • 子公司将股权转让给父公
  • 多计提的工资怎么调账
  • 未确认融资费用是什么类科目
  • 应付账款现金折扣会计分录
  • 结转固定资产清理损益的账务处理
  • 企业银行存款的流动性强于存货
  • 被代持股份的股东需要负责吗
  • 预收账款账务处理分录
  • 主营业务税金及附加借贷方向
  • 对公账户汇款怎么原路退回
  • 股权转让如何支付利润
  • 学会整理内容
  • 迅速修复系统漏洞的方法
  • windows使用痕迹在哪里
  • win7 系统设置
  • mac 锁屏
  • mkcool是什么文件
  • mcdlc.exe - mcdlc是什么进程文件 有何作用
  • win10怎么将桌面图标变小
  • node链接数据库
  • 安卓微信5.0版本下载
  • 批处理文件就是将若干文件集中起来
  • 我为什么要
  • 只有一行的矩阵的逆矩阵
  • js中的date函数
  • js中的原型和原型链
  • [置顶]津鱼.我爱你
  • mac解析域名
  • 甘肃国家税务局官网app
  • 车库契税怎么收费
  • 地方税务局发票查询
  • 电信宽带绑定的手机号怎么解除绑定
  • 税务培训主题
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设