tinymce 应用四---为tinymce添加一个plugin

如何为TinyMce写一个插件

1. 目录切换到tiny_mce\plugins， 新建一个文件夹：myplugins

2. 目录切换到tiny_mce\plugins\myplugins

a. 新建一个文件夹 img, 并在其目录下添加一个example.gif, 目录应为tiny_mce\plugins\myplugins\img\example.gif

b. 在目录tiny_mce\plugins\myplugins下， 新建editor_plugin.js

c. 在目录tiny_mce\plugins\myplugins下， 新建test.html

3. 目录切换到tiny_mce\langs， 打开en.js, 添加
myplugins:{
image_desc:"test the plugin of mine"
},

4. 打开刚刚添加的editor_plugin.js，

[color=red]AdvancedMyPlugins: 和最后一行对应就行
myimage: 在工具栏上要显示的图标,以及点击它后执行什么命令
mceMyPlugins: 命令名,在ed.addCommand里定义执行什么动作[/color]


添加下面内容

(function() {
	tinymce.create('tinymce.plugins.AdvancedMyPlugins', {
		init : function(ed, url) {


			ed.addCommand('mceMyPlugins', function() {


				if (ed.dom.getAttrib(ed.selection.getNode(), 'class').indexOf('mceItem') != -1)
					return;

				ed.windowManager.open({
					file : url + '/test.html',
					width : 590,
					height : 370,
					inline : 1
				}, {
					plugin_url : url
				});
			});



			ed.addButton('myimage', {
				title : 'myplugins.image_desc',
				cmd : 'mceMyPlugins',
				image : url + '/img/example.gif'
			});
		},

		getInfo : function() {
			return {
				longname : 'My Plugins',
				author : 'Moxiecode Systems AB',
				authorurl : 'http://tinymce.moxiecode.com',
				infourl : 'http://wiki.moxiecode.com/index.php/TinyMCE:Plugins/advimage',
				version : tinymce.majorVersion + "." + tinymce.minorVersion
			};
		},
		createControl : function(n, cm) {

			return null;
		}
	});
	// Register plugin
	tinymce.PluginManager.add('myplugins', tinymce.plugins.AdvancedMyPlugins);
})();

5. 编辑html 页面, 添加myplugins and myimage

		<br>