编辑“Ueditor/插件机制”

{{Ueditor导航}}

'''UEditor的插件机制'''

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

'''使用插件'''

'''步骤一：需要引入的文件'''

'''注'''：插件引入后便会自动加载，只需在实例化编辑器时配置其参数即可
<pre><nowiki>
            //引入编辑器核心代码
            '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'                    //查看源码
</nowiki></pre>                    

'''步骤二：实例化编辑器'''

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

==参考来源==
*http://ueditor.baidu.com/teach.html#postData 


[[category:Ueditor|C]]
{{Ueditor使用手册导航}}