tinymce 增加行间距插件

100%的行间距看起来总不大舒服，就想着给tinymce价格按钮可以修改行间距。在经过长时间的查找后，终于找到方法，就是写个插件。浴室参考源代码，自己写个插件。在这里记录一下。

tinymce的插件都放在plugin的目录下，里面有个example的文件夹，可以作为参考。

1、新建一个“lineheight”的文件夹

2、新建“plugin.min.js”文件，内容如下

tinymce.PluginManager.add("lineheight", function(t, e) {
	t.addButton("lineheight", function(){
		var items = [];
		items.push({text:'100%',value:'100%'});
		items.push({text:'150%',value:'150%'});
		items.push({text:'200%',value:'200%'});
		items.push({text:'250%',value:'250%'});
		
		return {
			type : 'listbox',
			text : "行间距",
			values : items,
			onselect:function(e){
				if(e.control.settings.value){
					var ed = tinymce.activeEditor;
					var node = ed.selection.getNode();
					var text = ed.selection.getContent({'format':'text'});
					if (node && text) {
						ed.dom.setStyle(node,'lineHeight',e.control.settings.value);
					} else {
						alert('请选择需要更改的内容');
					}
				}
			}
		};
	})
});

3、在启动选项（init）里增加插件，让它显示出来

		$plugins[] = 'lineheight';
		$toolbar2_add[] = '|';
		$toolbar2_add[] = 'lineheight';

我修改的是joomla里面的tinymce，配置文件是tinymce.php。