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

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


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

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

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

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

(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',
                //這個autoformat.gif是你的插件圖標，放在同目錄下 
                icon: this.path + "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(/&nbsp;/ig, '');
                    _html = _html.replace(/　/ig, '');
                    _html = _html.replace(/<p><\/p>/ig, '');
                    _html = _html.replace(/<a/ig, '<a rel="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 (var i = 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);
                }
            }
        }
    };
})();

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

但是，到這里再phpcms里面，還是不能直接用的，在別的系統里面是可以的。因為phpcms的編輯器控件是需要單獨選擇的，還需要修改phpcms文件
 
打開phpcms/libs/classes/form.class.php
搜索['Maximize'] 在它的后面加上 ['autoformat'],就可以了。

轉自：http://www.wfuyu.com/biji/25066.html

原文是程序員人生。