用好WordPress的quicktag editor

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

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

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

比如你想加一段引文,点一下b-quote按钮,<blockquote>就出现在了编辑器中,引文输入完成,点击Close Tags,blockquote关闭标签就出来了。

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

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

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

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

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

Comments

Leave a Reply

Your email address will not be published. Required fields are marked *

Time limit is exhausted. Please reload CAPTCHA.