CKeditor 플러그인 개발 프로세스 (1)

1. 여러 파일에 넣기
1단계: config.js중

config.extraPlugins = '    ';//    ,extraPlugins       ，            ，       

2단계:plugins 폴더에서 새로 만들기:플러그인 이름 폴더
3단계:1:plugins/플러그인 이름/아래에 새plugin을 만듭니다.js;2:plugins/플러그인 이름/아래에 다이어로그 폴더를 새로 만들고 그 안에'플러그인 이름.js'를 새로 만듭니다.

(function() {

    CKEDITOR.plugins.add("    ", {

        requires: ["dialog"],

        init: function(a) {

            a.addCommand("    ", new CKEDITOR.dialogCommand("    "));

            a.ui.addButton("    ", {

                label: "    ",//  dialog      

                command: "    ",

                icon: this.path + "g.ico"// toolbar    



            });

            CKEDITOR.dialog.add("    ", this.path + "dialogs/    .js")



        }



    })



})();

4단계:/plugins/플러그인 이름/dialogs/플러그인 이름.js 내용은 다음과 같습니다.

(function() {

    CKEDITOR.dialog.add("    ", 

    function(a) {

        return {

            title: "    ",

            minWidth: "500px",

            minHeight:"500px",

            contents: [{

                id: "tab1",

                label: "",

                title: "",

                expand: true,

                width: "500px",

                height: "500px",

                padding: 0,

                elements: [{

                    type: "html",

                    style: "width:500px;height:500px",

                    html: '    '

                }]

            }],

            onOk: function() {

                //          

                //a.insertHtml("       ");

            }

        }

    })

})();

2、단일plugin에 놓습니다.js중
1단계: config.js중

config.extraPlugins = 'clearempty';//    ,extraPlugins       ，            ，       

두 번째 단계:plugins 폴더 밑에 새로 만들기:clearempty 폴더 세 번째 단계:plugins/clearempty/아래에 새로 만들기plugin.js;내용은 다음과 같습니다.

(function() {

    CKEDITOR.plugins.add('clearempty', {

        requires: ['styles', 'button'],

        init: function(a) {

            a.addCommand('clearempty', CKEDITOR.plugins.clearempty.commands.clearempty);

            a.ui.addButton('clearempty', {

                label: "    ",

                command: 'clearempty',

                icon: this.path + "g.ico"//  g.ico       ，      

            });

        }

    });

    CKEDITOR.plugins.clearempty = {

        commands: {

            clearempty: {

                exec: function(a) {

                    var _html = a.getData();

                    //       _html          

                       a.setData(_html);

                }

            }

        }

    };

})();

이상 내용: http://blog.csdn.net/qbg19881206/article/details/14224785