用好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>这样的标签剔除。

This entry was posted on Wednesday, December 6th, 2006 at 11:12 pm and is filed under Blogging, WordPress. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

5 Comments »

Comment by itsokbaby
2006-12-07 01:58:28

NND师兄的文章果然有帮助,不过还是不用!

不追风了,哼唧>< 把我都带坏了 :)

 
Comment by pulq
2006-12-07 09:11:52

我暂时还是用Google Docs来发blog了,觉得还是不错地。呵呵

 
2006-12-09 19:04:28

[...]   用好WordPress的quicktag editor,说实话WordPress的Rich Editor实在是难用和不适合中文,本文推荐使用纯文本的编辑器以及如何应用好Quicktag。 [...]

 
Comment by yaolin
2006-12-09 23:01:55

你如果用OPERA稍微早一些的版本都没什么问题的,自带的就很好用,类似你说的纯文本模式.

Comment by zhouqb
2006-12-09 23:06:31

tinyMCE处理HTML代码跟OPERA有什么关系?不大明白什么意思

 
 
Name (required)
E-mail (required - never shown publicly)
URI
Your Comment (smaller size | larger size)

Please copy the string hi2CyI to the field below: