位置: 编程技术 - 正文

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

  • 划转国有划拨土地要交契税吗?
  • 应税劳务销售额怎么算
  • 与生产相关的关键成功因素包括
  • 公司购买的理财产品所得需要缴纳企业所得税吗?
  • 免税进项税额转出会计分录
  • 调整多计提所得税的分录
  • 中小企业对应的是
  • 外商独资企业在分配利润时是否扣缴个税
  • 计提的费用年底要冲回吗
  • 代交社保费会计账务处理
  • 一般纳税人怎么交税
  • 增值税普通发票怎么开
  • 营改增后税金由哪几项费用组成
  • 如何区分纳税人和小规模纳税人
  • 固定资产投资增长意味着什么
  • 自助设备使用费会计科目
  • 与工程有关的差旅费是否可以计入在建工程呢?
  • 申报工会经费怎么做账
  • 发票有几个
  • 营销策划费用计算公式
  • windows7的笔记本有哪些
  • 代销的价格怎么定
  • 不发工资先去劳动局投诉还是仲裁
  • 荣耀x10的鸿蒙系统怎么开启
  • 如何压缩文件打包发送微信
  • 承租人经营租赁会计分录
  • fatal error: opencv/cv.h: 没有那个文件或目录 错误;fatal error: opencv2/contrib/contrib.hpp: 没有那个文件或目录,opencv多版本
  • 差额征税账务处理规定
  • 斯塔尔德
  • uniapp控制硬件设备
  • 同一控制下控股合并在合并日合并报表编报正确的有
  • php生成随机字母数字代码
  • go语言入门指南
  • 为什么说网络安全靠人民
  • pytorch .pt
  • 微软和梅赛德斯奔驰宣布合作
  • php 方法
  • php 自动加载类
  • 出口退税哪些税不退
  • 小规模纳税人购入货物收到增值税专用发票
  • 税务网如何填三方协议
  • 上市公司财报中的销售费用多少合适
  • 采购商品的运费计入成本吗
  • c标准库pdf下载
  • 公司清算的特征
  • 契税计入税金及附加吗东奥
  • 已付预付款当月怎么入账
  • 委托加工账务处理受托方会计分录
  • 合并报表时存货公允与账面的差额
  • 印花税计入什么会计分录
  • 直接计入当期利润吗
  • 车辆按揭贷款需要什么
  • 专利技术评估价值7亿
  • 开外管证再省外能办理吗
  • 外汇申报填写什么最简单
  • 农民工工资专户销户流程
  • 原材料暂估的账务处理
  • 使用权资产
  • windows vista(service pack1)
  • win10一年更新一次
  • windosxp无法启动
  • win7资源管理器怎么打开
  • win7彻底删除的文件怎么恢复
  • win8磁盘占用率高怎么处理
  • win10周年版
  • win8如何安装
  • cocos2dx 3.5 ”hello world“解析
  • js 原型链继承 原型式继承
  • linux系统mysql自动备份并使用ftp上传的方法
  • unity3d android
  • 批处理 !!
  • unity3d创建模型
  • JQuery datepicker 用法详解
  • node语句
  • 会用python
  • 项目遇到的问题及解决办法
  • 安卓各版本占比统计图
  • android模拟器无法运行
  • 税务人员廉洁自律承诺书
  • 福建2021年水利水电招聘
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设