位置: 编程技术 - 正文

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

  • 计提增值税比实际缴纳多
  • 审计助理是做什么工作的
  • 应收往来会计是做什么工作的
  • 一般纳税人取得3%专票可以抵扣吗
  • 票据结算的分录怎么做
  • 个人账户作为公司私账
  • 管理费用 结转
  • 电商行业平台开的发票怎么入账
  • 公司预存话费应该怎么做会计处理?
  • 印花税购销合同和买卖合同有什么区别
  • 个体工商户如何给员工交社保
  • 小规模收专用发票后成为一般纳税人吗
  • 代扣代缴税种有几个
  • 发票认证系统查不到发票
  • 一般纳税人所说的税率是
  • 挖掘机折旧怎么计算
  • 事业单位会计科目表及解释
  • 租赁产生的成本有哪些
  • 银行承兑汇票企业账户没钱
  • 利用退休人员避孕措施
  • 本企业领用外购原材料进项税要转出吗
  • 收据可以入账的范围
  • 一般纳税人增值税结转账务处理
  • 建安企业收取管理费虚开怎么处理
  • 王者荣耀中扁鹊的克星是谁
  • 施工费增值税专用发票税率
  • 收到租金税费怎么计算
  • 税控盘抵减
  • deepin linux安装教程
  • macOS Big Sur 11.3新功能 为M1 Mac带来了iOS应用的手柄模拟功能
  • 贷款核销对个人的影响
  • 场外期权会计核算
  • 营业外收支的内容
  • laravel distinct
  • conda配置虚拟环境
  • 装饰工程开票项目
  • php链表的应用场景
  • 微信小店api
  • 股份有限公司都是私企吗
  • Apsara Clouder云计算技能认证
  • update-initramfs -u命令
  • 出口报关需要增税吗
  • 材料采购是什么类科目
  • 分公司非独立核算怎么做账
  • python迭代器有什么用
  • 如何去掉或修改文件夹
  • celery eventlet
  • 交通费 抵扣
  • 税率开错了会影响贷款吗
  • 什么人适合单干
  • 个人所得税汇算清缴
  • 工会记账凭证怎么记
  • CentOS 7下MySQL服务启动失败的快速解决方法
  • 未达账项审计调账怎么办
  • 个人新冠肺炎确诊,要和单位领导说吗
  • 教育费附加计费单位
  • 小商户怎么打发票
  • 办公用品采购如何记账
  • 远期支票最长期限
  • 企业给职工发放的自产产品应作为职工福利费管理
  • 金蝶k3如何反记账
  • 固定资产如何管理可以做到节能减排
  • 没有销售收入可以有销售费用吗
  • 32位的win7和64位的win7要选择哪个呢?它们有什么区别?
  • youphone.exe是什么
  • win8资源管理器未响应
  • windows小娜怎么开启
  • win8怎么打开磁盘管理
  • win8能装pr2017吗
  • layer关闭当前窗口
  • Android游戏开发书籍
  • 安卓机虚拟键盘
  • unity用鼠标控制物体移动
  • angularjs简介
  • java 调试
  • js获取宽高
  • python中的魔法函数
  • 纳税申报之后最迟多久交
  • 一般纳税人忘记报税一个月罚多少钱
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设