phpcms編輯器添加一鍵排版控件

CKEditor添加一鍵排版插件實(shí)例，
大家都知道phpcms也是ckeditor編輯器，那么如果增加這個(gè)一鍵排版這個(gè)牛逼功能呢
增加好了后，效果圖是這樣的


廢話不多說(shuō)，直接說(shuō)步驟
第一步：config.js中statics\js\ckeditor\config.js中注冊(cè)autoformat控件

1. config.extraPlugins = 'capture,videoforpc,flashplayer,autoformat'; 

第二步，在statics\js\ckeditor\plugins 新建文件夾autoformat

第三步，在statics\js\ckeditor\plugins\autoformat新建文件plugin.js
寫入如下內(nèi)容

1. /* 
2. Copyright (c) 2015-11-17, 程序員人生 溫良順 
3. http://www.jyygyx.com 
4. */ 
5. (function() { 
6.     CKEDITOR.plugins.add('autoformat', { 
7.         requires: ['styles', 'button'], 
8.         init: function(a) { 
9.             a.addCommand('autoformat', CKEDITOR.plugins.autoformat.commands.autoformat); 
10.             a.ui.addButton('autoformat', { 
11.                 label: "清除格式，一鍵排版", 
12.                 command: 'autoformat', 
13.                 icon: this.path + "autoformat.gif"//這個(gè)autoformat.gif是你的插件圖標(biāo)，放在同目錄下 
14.             }); 
15.         } 
16.     }); 
17.     CKEDITOR.plugins.autoformat = { 
18.         commands: { 
19.             autoformat: { 
20.                 exec: function(a) { 
21.                     var _html = a.getData(); 
22.                     //清除樣式代碼 
23.                     _html = _html.replace(/<div/ig, '<p'); 
24.                     _html = _html.replace(/<\/div>/ig, '</p>'); 
25.                     _html = _html.replace(/<strong[^>]*>/ig, ''); 
26.                     _html = _html.replace(/<\/strong>/ig, ''); 
27.                     _html = _html.replace(/<em[^>]*>/ig, ''); 
28.                     _html = _html.replace(/<\/em>/ig, ''); 
29.                     _html = _html.replace(/<u[^>]*>/ig, ''); 
30.                     _html = _html.replace(/<\/u>/, ''); 
31.                     _html = _html.replace(/<li[^>]*>/ig, ''); 
32.                     _html = _html.replace(/<\/li>/ig, ''); 
33.                     _html = _html.replace(/<span[^>]*>/ig, ''); 
34.                     _html = _html.replace(/<\/span>/ig, ''); 
35.                     _html = _html.replace(/&nbsp;/ig, ''); 
36.                     _html = _html.replace(/　/ig, ''); 
37.                     _html = _html.replace(/<p><\/p>/ig, ''); 
38.                     _html = _html.replace(/<a/ig, '<a rel="nofollow"'); 
39.                      
40.                      
41.                     //將p標(biāo)簽替換成<br /> 
42.                     _html = _html.replace(/<p[^>]*>/ig,''); 
43.                     _html = _html.replace(/<\/p>/ig,'<br />'); 
44.                     _html = _html.replace(/<br \/><br \/>/ig,'<br />'); 
45.                     _html = _html.replace(/[\n]/ig, ''); 
46.                      
47.                     //按<br />分組，將換行<br>全部替換成p標(biāo)簽 
48.                      bb = _html.split("<br />"); 
49.                      aa=''; 
50.                     for(var i=0;i<bb.length;i++){ 
51.                        aa =aa+ '<p>'+bb[i]+'</p>'; 
52.                       } 
53.                      
54.                     //首行縮進(jìn) 
55.                      _html = aa.replace(/<p[^>]*>/ig, '<p>　　'); 
56.                      _html = _html.replace(/<p>　　<\/p>/ig,''); 
57.                      _html = _html.replace(/<p><\/p>/ig,''); 
58.  
59.                     //在這里執(zhí)行你將_html中的空行替換掉的操作 
60.                        a.setData(_html); 
61.                 } 
62.             } 
63.         } 
64.     }; 
65. })(); 

寫到這里，就完成啦，完成了CKEditor添加一鍵排版插件

但是，到這里再phpcms里面，還是不能直接用的，在別的系統(tǒng)里面是可以的。因?yàn)閜hpcms的編輯器控件是需要單獨(dú)選擇的，還需要修改phpcms文件
 
打開(kāi)phpcms/libs/classes/form.class.php
搜索['Maximize'] 在它的后面加上 ['autoformat'],就可以了

這樣phpcms編輯器添加一鍵排版控件就完成啦，大家有什么疑問(wèn)，歡迎留言，本文是站長(zhǎng)手寫代碼，轉(zhuǎn)載請(qǐng)說(shuō)明出處，本文來(lái)自程序員人生