位置: 编程技术 - 正文

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

  • 不动产租赁税率2023
  • 2023年小规模物业公司物业费税率
  • 息税前利润含义
  • 固定资产未转固属于什么风险
  • 预缴增值税的附加税
  • 洒水车计提折旧会计分录
  • 合伙企业投资收益
  • 未核定印花税
  • 商贸企业购进商品怎么做成本
  • 快消品行业成本结转方法
  • 股票印花税最新政策2023怎么算
  • 辅导期一般纳税人
  • 企业合并怎么做账
  • 让渡资产使用权收入的确认条件
  • 将自建的厂房对外转让需要缴纳增值税吗
  • 进口货物的关税完税价格不包括
  • 工业企业水电费需要计提吗
  • 企业股权溢价转让会计分录
  • 汽车租赁公司怎么赚钱
  • 企业并购重组有哪些
  • 应收账款的贷方反映
  • 坏账准备核销和转销的区别
  • 财务软件没有税务登记
  • 营改增一般纳税人申请过渡性财政扶持资金
  • 资产评估入账的评估报告
  • Windows无法启动服务
  • windows11怎么回到桌面
  • 我想测试一下网速
  • ajax调用php函数
  • linux的用法
  • win11设置共享文件夹
  • PHP:curl_multi_remove_handle()的用法_cURL函数
  • PHP:pg_query_params()的用法_PostgreSQL函数
  • 生产型企业出口退税会计分录
  • 缴纳增值税会计处理
  • asmproserver.exe是什么进程 asmproserver进程信息查询
  • php chm
  • 身份证php编写
  • web漏洞扫描器的设计与实现
  • Squarespace 和 WordPress 的区别
  • 计算机视觉opencv项目简单代码
  • mfcc特征提取过程
  • gbdrt
  • 物业代收代缴费 没住户怎么办
  • java 泛型方法
  • 业务招待费可以结转以后年度扣除吗
  • 减按10%的税率是什么意思
  • C++ lower_bound/upper_bound用法解析
  • 委托代销商品支付的手续费计入什么科目
  • 买新车检测费
  • 无偿调入资产如何做账
  • 库存商品总分类账范本
  • 军工科研事业单位会计制度
  • 内账会计的岗位职责
  • 暂估回冲方式
  • 速动比率例子
  • 应付账款数字太大咋办
  • 收到房租租金下什么科目
  • 固定资产收购方案案例
  • 收入分成的账务处理
  • 出售无形资产净损失
  • 滞纳金的收取依据
  • 关联公司往来款怎么做账
  • 固定成本包括哪些项目
  • 怎么设置库存限额
  • sqlserver查询所有表的行数
  • 地热不热怎么办一招教你解决
  • 华硕p8h61主板升级cpu
  • window8系统安装步骤
  • kmservice.exe是什么
  • Win10 PC RS2快速预览版14926更新与修复内容汇总
  • centos 安装
  • unityui插件
  • 鼠标瞬间移动
  • asynctask优缺点
  • android开发菜鸟教程
  • 业财税一体化所指的业财税包括下列哪几项
  • 不予税务行政许可
  • 出口退税网上申报流程
  • 浙江国地税联合申报系统
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设