位置: 编程技术 - 正文

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

  • 委托加工业务的会计处理
  • 注销银行帐户需要什么
  • 特许权使用费所得包括
  • 进口货物的完税价格不包括
  • 京东公户的钱怎么转出来
  • 上级补助收入对应的支出科目是哪个
  • 生产设备改扩建会计分录
  • 计提工资是包含社保吗
  • 出口港杂费是什么费用
  • 凭证日期小于当前会计期啥意思
  • 如何判断开专票还是普票
  • 调整汇算清缴利息怎么算
  • 债权利息收入要交所得税吗
  • 代交社保费会计账务处理
  • 应收账款多收的钱怎么写分录
  • 企业注销未分配利润要交个人所得税吗
  • 增值税普通发票可以抵扣进项税吗
  • 精装房不同合同的区别
  • 未分配利润调整到其他应付款
  • 企业捐赠现金支出应在哪个项目反应
  • 现金购入库存商品的分录
  • 当收到转账支票时,应该如何处理?
  • 拍卖抵债资产的缴税责任
  • 对外捐赠款属于什么会计科目
  • 应收账款转让的风险
  • PHP:pg_copy_from()的用法_PostgreSQL函数
  • 外籍人员一次性奖金
  • 如何用php操作mysql
  • laravel实战教程
  • 新准则下的现金流量包括
  • jsp课程设计含源代码
  • php使用什么开发工具
  • 增值税和普通发票的区别图片
  • 企业的日常活动都有哪些
  • mongodb管理工具
  • 建安企业确认收入的依据
  • 银行存款如何做到4个点
  • 未入账负债怎么算
  • 小规模纳税人实行简易征收办法
  • 内地汇丰银行账户管理费
  • 法人往自己公司打款没用注明用途
  • 产品质量的保证需要哪几方面的支持
  • 全资子公司的账户是什么
  • 住房贷款利息专项附加扣除怎么用
  • 对公账户如何转钱进去
  • sql中的非逻辑
  • mysql数据库数据迁移
  • mysql格式化日期yyyy/mm/dd
  • 在centOS 7安装mysql 5.7的详细教程
  • bios设置或coms设置完整的说法
  • win8蓝屏解决方法
  • ie11 ua
  • freebsd重启命令
  • u盘发光
  • msng.exe是什么
  • win7旗舰版磁盘清理
  • cocos-2dx
  • android消息队列使用
  • qat开发
  • Node.js中的什么模块是用于处理文件和目录的
  • Error: String types not allowed (at 'layout_gravity' with value 'bottom/center_horizontal').
  • dos命令怎么写
  • bs cs架构
  • nodejs数据库数据渲染
  • google gsoc
  • shell脚本遍历
  • java 调试
  • js制作网页制作步骤
  • android network
  • jquery返回顶部代码
  • 编写javascript代码
  • adb查看ip地址
  • python编写一个模块
  • 安卓使用icloud
  • no android facet found
  • 无偿划转暂行规定
  • 火药概念股有哪些
  • 河南省税务零申报怎么操作
  • 国税上海税务局官网
  • 会计建账时一般需要哪几本账
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设