位置: 编程技术 - 正文

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

  • 个税申报数是按应发数还是实发数进行申报?
  • 研发费用直接计入成本吗
  • 小微企业零申报多久报一次税
  • 城市维护建设税免税
  • 金税设备中有上税吗
  • 房屋契税是按照发票上的不含税价格交吗
  • 货车的车辆购置税是多少
  • 营改增后销售不动产的收入
  • 双软企业资质
  • 非盈利企业账务处理
  • 小规模纳税人印花税怎样计算
  • 微税平台抄税的步骤是怎样的?
  • 开加工费的发票该如何抵扣?
  • 简易计税核算方法有哪些
  • 收到境外公司服务费
  • 计提汽车折旧会计分录
  • 企业间利息增值税率
  • 个人所得税款项性质
  • 为什么打开Win10虚拟器后一直在界面
  • 各种linux
  • 远程桌面连接失败了
  • 交契税需要什么东西
  • 其他业务收入怎么申报增值税
  • 深度学习中模型计算量(FLOPs)和参数量(Params)的理解以及四种计算方法总结
  • PHP:iconv_get_encoding()的用法_iconv函数
  • 生育津贴差额账务处理
  • 加工制造业包括
  • ai生成二次元角色全身
  • 向日葵茎上有刺吗
  • 长期股权投资会影响利润吗
  • 又拍云使用教程
  • 低代码框架开发
  • phpunit
  • 视觉slam ba
  • 一文速学-XGBoost模型算法原理以及实现+Python项目实战
  • 调出command命令窗口
  • 丧葬补贴金和抚恤金怎样领取
  • 管理费用抵消分录
  • sqlcode错误码100
  • 税负率包含哪些税种
  • sql server如何删除
  • 建筑劳务公司税务筹划
  • 待认证进项税额认证以后怎么做分录
  • 债券投资包含哪些
  • 房地产开发成本和房地产开发产品
  • 什么是保函保证金
  • 汇兑记载事项及内容
  • 生产部的管理人员算什么费用
  • 会计做账的凭据是什么
  • 周转材料计入现金流量表
  • 员工外出培训报告范文
  • 零申报资产负债表填0合适吗
  • 工厂的委托加工怎么写
  • 企业建账涉及哪些内容
  • 现金支票办理电话
  • sql server2019还原数据库
  • MySQL中的max()函数使用教程
  • sql语句的优化方式
  • win7系统中如何禁用和启用网络
  • 通过zeno实现加速屏幕显示操作教程
  • windowsxp的快捷键
  • openbsd4.1+apache+mysql+php 环境配置
  • windows怎样删除文件
  • win8截屏在哪个文件夹
  • win8 preview
  • flashhelperservice.exe是什么程序
  • win10app商店
  • centos 安装
  • windows7键盘
  • win8 自动登录
  • 桌面预览怎么设置
  • js中的
  • android:ListView的局部刷新
  • 一个简单的灵魂
  • cssli
  • perl读取文件内容到数组
  • Unity3D游戏开发标准教程吴亚峰于复兴人民邮电出版社
  • unity移动脚本代码
  • python的for函数
  • 汽车销售环节要做什么
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设