phpcms v9后台编辑器增加上传音频菜单

话不多说，直接上代码！

1、找到编辑器配置文件 \statics\js\ckeditor\config.js打开

2、打开\statics\js\ckeditor\plugins 文件目录，这里是放一些扩展菜单类

新建文件夹并命名为：music，在该文件夹下创建plugin.js 文件，文件内容如下：

CKEDITOR.plugins.add('music', {init: function(editor) {//plugin code goes herevar pluginName = 'music';CKEDITOR.dialog.add('music', 　function(a) {var b = a.config;var　 escape　 = 　 function(value) {　　　　　　　　return　 value;　　　　};　　　　return　 {　　　　　　　　title: 　 '插入MP3音频',resizable: 　CKEDITOR.DIALOG_RESIZE_BOTH,minWidth: 350,minHeight: 200,contents: 　[{　　　　　　　　　　id: 'info',label: '常规',accessKey: 'P',elements: [{type: 'hbox',widths: ['80%', '20%'],children: [{id: 'src',type: 'text',label: '源文件'}, {type: 'button',id: 'browse',filebrowser: 'info:src',hidden: true,align: 'center',label: '浏览服务器'}]},{type: 'hbox',widths: ['35%', '35%', '30%'],children: [{type: 　 'select',label: 　 '自动播放',id: 　 'myautoplay',required: 　true,'default': 　 '0',items: 　[['是', 　'1'], 　['否', 　'0']]}] //children finish}]}, {id: 'Upload',hidden: true,filebrowser: 'uploadButton',label: '上传音频',elements: [{type: 'file',accept: '.mp3',id: 'upload',label: '上传音频',size: 38}, {type: 'fileButton',id: 'uploadButton',label: '上传到服务器上',filebrowser: 'info:src','for': ['Upload', 'upload'] //'page_id', 'element_id'}]　　　　　　　　}],onOk: 　 function() {　　　　　　　　　　myautoplay　 = 　this.getValueOf('info', 　'myautoplay');mysrc　 =  this.getValueOf('info', 　'src');html　 = 　''　 + 　escape(mysrc)　 + 　'';                   　　　　　　　　　　　　a.insertHtml("<audio src=\""　 + 　html　 + 　"\" controls=\"controls\" autoplay=\""+ myautoplay　+"\" >您的浏览器版本过低，请先升级。</audio>");　　　　　　　　},onLoad: 　 function() {　　　　　　　　}　　　　};});editor.addCommand(pluginName, new CKEDITOR.dialogCommand(pluginName));editor.ui.addButton('music', {label: '插入mp3音频',command: pluginName,icon: this.path + 'icon.png'});}
});

在"music"文件下，上传菜单图标，命名为：icon.png（这里图标可以随意更改）

3、打开 \phpcms\libs\classes\form.class.php 文件，找到editor方法

4、保存并清除浏览器缓存，如果不清除是看不到的。

效果图：

完成，不定期更新phpcms问题，喜欢的给个关注吧！

phpcms v9后台编辑器增加上传音频菜单相关推荐

php编辑器自动排版,phpcms v9在线编辑器增加一键排版功能
v9使用的Ckeditor编辑器,在使用过程中有些不尽人意的地方,下面我来修改一下编辑器,改动几个地方,让Ckeditor编辑更加实用一些. 此次修改的内容有批量去除超链接.上传图片自动添加ALT参数 ...
WangEdit富文本编辑器增加上传视频功能
乘着今天中午的时间对以前项目的一个需求进行一定的处理前天去了甲方公司接到了了一个新的需求就是可以把项目的一个富文本的编辑器可以设置为能够上传视频于是乎就要对vue里面的这个组件进行操作了 ...
layui富文本编辑器layedit增加上传视频与音频功能
改动效果: layui2.4.3并没有视频.音频等上传功能,不过还好,目前有一个基于layui2.4.3的layedit扩展,增加了视频上传.字体颜色等等. 首先去下载一个layedit扩展文件:中转 ...
phpcms发布新闻到数据库_Phpcms V9网站从本地上传到服务器需要修改的地方小结
Phpcms V9网站从本地上传到服务器需要修改的地方小结发布时间:2013-06-22 13:37:28 作者:佚名我要评论网站在本地做好后要迁移到服务器上:网站在发展的过程中,很可能 ...
php v9验证码错误,PHPCMS v9后台登陆提示验证码错误的解决方法
PHPCMS v9的验证码生成后,会把验证码的数字存入Session当中. PHPCMS v9在默认的情况下,Session是存放在数据库当中的. 如果出现登录和评论时报验证码错误,可以参照如下的方式 ...
html免费编辑器图片alt,织梦模板kindeditor编辑器图片上传增加图片说明alt属性和title属性...
织梦kindeditor编辑器图片上传增加图片说明alt属性和title属性效果图: 1.在织梦/include/kindeditor/kindeditor-all.js 或者 /kindeditor ...
phpcms v9 index.php,Phpcms V9后台登录地址修改方法
在介绍了怎么修改Phpcms V9内容编辑器之后,今天CMSYOU在此继续分享Phpcms V9后台登录地址的修改方法. 在备份程序文件的前提下,下面一步一步来,教会你如何修改phpcms v9默认后 ...
neditor本地上传音频一
上一篇上传视频首先需要你查看前两章上传图片与视频,只有对这两章有了一定的了解才能去增加音频上传,我先贴两张成功的图片: 好了,这是修改成功后的一套流程操作,改的东西实在太多,导致我回头找的时候也忘记 ...
php cms 的模板修改,phpcms v9后台登陆模板修改方法和程序版本更新提示修改方法...
Phpcms V9后台登陆及版本更新提示的自定义修改一.Phpcms V9后台登陆模板修改方法 1. 找到登陆模板文件phpcms/modules/admin/emplates/login.tpl: ...

phpcms v9后台编辑器增加上传音频菜单

phpcms v9后台编辑器增加上传音频菜单相关推荐

最新文章

热门文章