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

随心笔谈4个月前发布 admin
212 00
🌐 经济型:买域名、轻量云服务器、用途:游戏 网站等 《腾讯云》特点:特价机便宜 适合初学者用 点我优惠购买
🚀 拓展型:买域名、轻量云服务器、用途:游戏 网站等 《阿里云》特点:中档服务器便宜 域名备案事多 点我优惠购买
🛡️ 稳定型:买域名、轻量云服务器、用途:游戏 网站等 《西部数码》 特点:比上两家略贵但是稳定性超好事也少 点我优惠购买

文章摘要

本文介绍了如何在CKEDITOR中自定义一个名为“addmap”的按钮,使其在按下时执行特定功能。通过使用`CKEDITOR.plugins.add`插件,实现了在按下自定义按钮时,获取当前编辑区的选中文本并将其插入到编辑区域的功能。文章详细描述了插件的实现代码,包括`init`函数和`addCommand`方法的使用,以及按钮的外观和交互性设置。

(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

            });

        }

    });

})();

© 版权声明

相关文章