ckeditor插件开发简单实例(ckeditor配置)万万没想到

随心笔谈2年前发布 admin
201 0 0

文章摘要

这篇文章介绍了如何使用CKEDITOR插件实现一个自定义按钮功能,当按下按钮时会执行特定代码。该代码定义了一个名为`a`的执行函数,能够在编辑器中获取选中的文本内容并将其插入到文档中。此外,该插件还支持在不同环境下(如IE浏览器)自动处理文本获取的方式。文章的核心内容是展示如何通过代码实现插件功能,以及该插件在内容管理系统中的应用潜力。

(function() {

    //Section 1 : 按下自定义按钮时执行的代码

    var a={

        exec: function(editor) {

        var data=””; 

        var mySelection=editor.getSelection();

        if (CKEDITOR.env.ie) {

            mySelection.unlock(true);

            data=mySelection.getNative().createRange().text;

        } else {

            data=mySelection.getNative();

        }

        if(data!=null&&data!=”){

            editor.insertHtml(data+’ckeditor插件开发简单实例(ckeditor配置)万万没想到‘);

        }

        }

    },

    b=’addmap’;

    CKEDITOR.plugins.add(b, {

        init: function(editor) {

            editor.addCommand(b, a);

            editor.ui.addButton(‘addmap’, {

                label: ‘add map link’,

                icon: this.path + ‘map.gif’,

                command: b

            });

        }

    });

})();

© 版权声明

相关文章