Ueditor/插件机制

UEditor的插件机制

JQuery的插件机制为其最后的成功立下了汗马功劳，UEditor自然也会借鉴这种成功的系统架构模式。从根本上来说，除了核心提供的几个编辑器底层封装类之外，UEditor的全部功能都是通过外挂插件或者是命令（实质上也可以看成特殊的插件）来实现的。UEditor中插件的实质是在编辑器实例下面绑定的一个以插件名字命名的函数，然后通过编辑器实例化过程去执行这个函数，并将实例对象传递到插件内部作为其this对象来完成所有的功能操作。

使用插件

步骤一：需要引入的文件

注：插件引入后便会自动加载，只需在实例化编辑器时配置其参数即可

            //引入编辑器核心代码
            'editor.js',
            'core/browser.js',
            'core/utils.js',
            'core/EventBase.js',
            'core/dom/dom.js',
            'core/dom/dtd.js',
            'core/dom/domUtils.js',
            'core/dom/Range.js',
            'core/dom/Selection.js',
            'core/Editor.js',
            //引入插件命令
            'plugins/enterkey/enterkey.js',         //设置回车标签的插件
            'plugins/paste/paste.js',               //可以粘贴的插件
            'plugins/shortcutkeys/shortcutkeys.js', //可以使用快捷键
            //引入命令函数
            'commands/source.js'                    //查看源码

步骤二：实例化编辑器

   var option = {
    initialContent: 'hello world', //初始化编辑器的内容
    minFrameHeight: 200,           //初始化编辑器最小高度
    enterTag: 'br'
   };
   var plugineditor = new baidu.editor.Editor(option);
   plugineditor.render('pluginEditor');

参考来源

• http://ueditor.baidu.com/teach.html#postData

Ueditor使用手册导航
针对普通使用者： 部署和体验|自定义配置|自定义工具栏|表单提交|重置编辑器|多编辑器|自定义编辑器|文本域渲染|前后端数据整合 针对二次开发者： 整体架构|插件机制|自定义插件开发 若干专题教程 相关问题