资源描述
tinyMCE插件开发基础1. 打开tiny_mce目录中的plugins,其中存放着tinyMCE的所在插件,用户也可以在其中创建自己的插件。2. 在plugins目录中有一个template目录,为用户提供了插件模板,其中template.htm为插件的UI,editor_plugin.js是与tinymce通讯的连接器(editor_plugin_src.js没有什么用途),template.js是用户处理。也就是说,template.htm、editor_plugin.js、template.js是创建一个用户插件是必须的。3.在plugins目录中复制一个template目录,改名为plugintest,并保留必须的目录结构和文件。将template.htm改名为testp.htm(UI),template.js改名为testp.js。创建一个image目录用于存放插件的图标。如下图:4.打开editor_plugin.js进行编辑,创建新的插件。editor_plugin.js基本结构为:(1)创建插件TinyMCE API中tinymce类/命名空间提供了create()方法,该方法用于创建一个类、子类或是静态实体。该方法的原型如下:public static function create(s:String, p:Object, root:Object):void其中s:String为:类(插件)的名称p:Object为:类(插件)的方法集合root:Object为:可选的根对象在这里插件的名称为tinymce.plugins.*。方法集合中必须有init(),getInfo(),createControl()等方法(这三个方法是创建一个插件所必须的),还可以加入用户自定义的方法。init()方法原型为:public function init(editor:Editor, url:String):void该方法是本插件的初始化函数。在插件被创建时调用。editor:Editor为:创建这个插件的编辑器实例。url:String为:插件所在的URL地址。getInfo()方法原型为:public function getInfo():Object该方法返回本插件的相关信息。createControl()方法原型为:public function createControl(name:String, controlman:ControlManager):Control返回一个控件实例。在init中使用编辑器的addCommand()方法添加命令。在命令的回调函数中调用windowManager的open方法打开插件UI。在init中使用编辑器的addButton()方法为插件设置图标。(2)注册插件tinymce.PluginManager.add(myplugins, tinymce.plugins.AdvancedMyPlugins);
展开阅读全文