自从开始用WordPress就不停地寻找一个完美的编辑器,它自带的tinyMCE实在是太垃圾了,经常会自作主张地整理HTML代码,从而把我们想要的格式抹掉,尤其在排版代码的时候最郁闷。

后来也用过EditorMonkey,很大,载入页面很慢,这个是不想用它的主要原因。另外Autosave这样的插件也不正常工作,用FCKEditor作编辑器的话,上传图片也不支持直接点发送填到文章里面。

最终还是觉得WordPress的quicktag editor最爽,它不会随意修改HTML代码,而且页面载入飞快,因为没有了带图片的工具栏。

比如你想加一段引文,点一下b-quote按钮,

就出现在了编辑器中,引文输入完成,点击Close Tags,blockquote关闭标签就出来了。

但是quicktag editor的按钮还是太少了。如果要加一些按钮怎么办呢?非常方便,有一个插件叫做WP-AddQuicktag,可以快速地为quicktag editor增加按钮。

但是这个插件插入的按钮全部是追加在原有按钮的后面,如果你想自已定义按钮的顺序,也不难,打开wp-includes/js/quicktags.js文件,它的顶部就是添加按钮的代码,照葫芦画瓢就可以了。比如要添加一个插入段落标签

的按钮,可以在合适的位置加入这样的代码:

edButtons[edButtons.length] = new edButton('ed_p'<br /> ,'p'<br /> ,'<p>'<br /> ,'</p>'<br /> ,''<br /> );

更多方法可参考WordPress Quicktags Guide。参考quicktags.js中img按钮的做法,应该也可以实现自己的比较复杂的功能。

对不喜欢默认可视化编辑器的稍微了解HTML的用户,推荐使用这个编辑器。看样子有不少WP用户是这样的,比如那个mimeTex作者就是,他甚至不知道WYSIWYG编辑器会把这样的标签剔除。