phpcms编辑器添加一键排版控件
CKEditor添加一键排版插件实例,大家都知道phpcms也是ckeditor编辑器,那么如果增加这个一键排版这个牛逼功能呢增加好了后,鲜花
">鲜花效果图是这样的废话不多说,直接说步骤第一步:config.js中statics\js\ckeditor\config.js中注册autoformat控件
第二步,在statics\js\ckeditor\plugins 新建文件夹autoformat第三步,在statics\js\ckeditor\plugins\autoformat新建文件plugin.js写入如下内容
- config.extraPlugins=‘capture,videoforpc,flashplayer,autoformat’;
写到这里,就完成啦,完成了CKEditor添加一键排版插件但是,到这里再phpcms里面,还是不能直接用的,在别的系统里面是可以的。因为phpcms的编辑器控件是需要单独选择的,还需要修改phpcms文件打开phpcms/libs/classes/form.class.php搜索[‘Maximize’] 在它的后面加上 [‘autoformat’],就可以了这样phpcms编辑器添加一键排版控件就完成啦,大家有什么疑问,欢迎留言,本文是站长手写代码,转载请说明出处,本文来自程序员人生
- /Copyright©2015-11-17,程序员人生温良顺class=“alt”>(function(){CKEDITOR.plugins.add(‘autoformat’,{
- requires:[‘styles’,‘button’],init:function(a){
- a.addCommand(‘autoformat’,CKEDITOR.plugins.autoformat.commands.autoformat);a.ui.addButton(‘autoformat’,{
- label:“清除格式,一键排版”,command:‘autoformat’,
- icon:this.path+“autoformat.gif”//这个autoformat.gif是你的插件图标,放在同目录下});
- }});
- CKEDITOR.plugins.autoformat={commands:{
- autoformat:{exec:function(a){
- var_html=a.getData();//清除样式代码
- _html=_html.replace(/<div/ig,’<p’);_html=_html.replace(/</div>/ig,’</p>’);
- _html=_html.replace(/<strong[^>]>/ig,’’);_html=_html.replace(/</strong>/ig,’’);
- _html=_html.replace(/<em[^>]>/ig,’’);_html=_html.replace(/</em>/ig,’’);
- _html=_html.replace(/<u[^>]>/ig,’’);_html=_html.replace(/</u>/,’’);
- _html=_html.replace(/<li[^>]>/ig,’’);_html=_html.replace(/</li>/ig,’’);
- _html=_html.replace(/<span[^>]>/ig,’’);_html=_html.replace(/</span>/ig,’’);
- _html=_html.replace(/ /ig,’’);_html=_html.replace(/ /ig,’’);
- _html=_html.replace(/<p></p>/ig,’’);_html=_html.replace(/<a/ig,’<arel=“nofollow”’);
- //将p标签替换成<br/>_html=_html.replace(/<p[^>]>/ig,’’);
- _html=_html.replace(/</p>/ig,’<br/>’);_html=_html.replace(/<br/><br/>/ig,’<br/>’);
- _html=_html.replace(/[\n]/ig,’’);
- //按<br/>分组,将换行<br>全部替换成p标签bb=_html.split("<br/>");
- aa=’’;for(vari=0;i<bb.length;i++){
- aa=aa+’<p>’+bb[i]+’</p>’;}
- //首行缩进
- _html=aa.replace(/<p[^>]>/ig,’<p> ‘);_html=_html.replace(/<p> </p>/ig,’’);
- _html=_html.replace(/<p></p>/ig,’’);
- //在这里执行你将_html中的空行替换掉的操作a.setData(_html);
- }}
- }};
- })();