使用JavaScript为Kindeditor自定义按钮增加Audio标签
流程相当直观,主要分为两大步骤:注册插件和修改media插件代码。
一、注册插件
我们需要在全局配置中注册audio插件。这包括在KindEditor中注册audio的lang、htmlTags等。例如:
```javascript
KindEditor.lang({
audio: 'MP3'
});
KindEditor.options.htmlTags['audio'] = ['src','controls','type'];
KindEditor.options.htmlTags['source'] = ['src','controls','type'];
```
接着,在初始化编辑器时,将audio按钮添加到合适的工具栏位置。例如:
```javascript
KindEditor.ready(function(K) {
editor = K.create('info,spread_info', {
//其他配置省略...
items : [
// 其他按钮配置省略...
'audio' // 将audio按钮放在这里,可以根据需要调整位置
]
});
});
```
为了让audio按钮在编辑器中正确显示,我们还需要为它指定一个CSS样式。例如:
```html
.ke-icon-audio {
background-position: 0px -528px; / 使用自带的音视频按钮图标 /
width: 16px;
height: 16px;
}
```
二、修改media插件代码
创建日期:admin 于 15-5-6
这个小小的“dir=audio”参数,就像是给文件上传过程注入了特定的识别指令。它告诉后台系统:“这些文件,是属于音频领域的。”有了这个标识,后台就能够迅速识别并准确处理这些文件,确保音频文件能够顺利进入其应有的领域,与其他文件区分开来。
在这个数字世界的浩瀚海洋中,每一份文件都有其独特的定位和需求。而“dir=audio”就像是音频文件的指南针,引导它们找到自己的归属地。无论是音乐、语音还是其他音频内容,这个参数都能确保它们被正确识别、分类和处理。
此刻,我们借助K.addParam函数,将uploadJson参数与“dir=audio”完美结合。这一结合,不仅保留了原有上传功能的通用性,还为其注入了音频识别的专业性。这一改进,无疑提升了文件上传的效率和准确性。
在完成这一切后,我们轻轻一句“cambrian.render('body')”,意味着整个上传流程已经准备就绪,等待着音频文件的到来。在这个数字化的时代,我们不断追求更高效、更精准的沟通方式,“dir=audio”正是这一追求的缩影。让我们一起期待,音频文件在这个专为其打造的识别系统中,能够找到它们完美的归宿。
编程语言
- 使用JavaScript为Kindeditor自定义按钮增加Audio标签
- Visual Studio 2017正式版发布 Mac版新功能特性有哪些
- php中preg_match的isU代表什么意思
- 手机端转换rem适应
- 纯js实现动态时间显示
- node模块机制与异步处理详解
- 把json格式的字符串转换成javascript对象或数组的方
- idea2020.1 常用设置图文详解
- 正则表达式匹配括号外的符号及数据
- MySQL InnoDB中的锁机制深入讲解
- 利用jQuery.Validate异步验证用户名是否存在(推荐
- input file获得文件根目录简单实现
- angularjs的select使用及默认选中设置
- JavaScript forEach()遍历函数使用及介绍
- NodeJS实现不可逆加密与密码密文保存的方法
- Visual Studio 2017正式版离线安装教程