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