Dgwxx的生活

说到编辑器，以前我一直以UBB编辑器为主，HTML编辑器纯属为了应付XMLRPC接口必须支持HTML模式这点而加上去的附产物而已。后来做性能评估的时候才发现基于正则的UBB解析代码对执行效率影响太大，但整个Blog程序从最初开始就是按照UBB为主的思路设计的，再加上已有的几百篇UBB博文，所以就一直没改。

前些天刚好有了时间，就简单改了一下程序，把默认编辑器从UBB换成了Tiny MCE，把程序中的Tiny MCE更新到了最新版本，看了看官方文档，详细配置了一下各个参数（以前一直用默认），把WordPress的Tiny MCE皮肤修改了一下一直过来（说实话WP的Tiny MCE皮肤的CSS有些地方写的真有点那啥……）。这下清爽多了。

Tiny MCE实在是一个功能强大的编辑器，难怪WP也用它。不过令人有些头痛的是，它实在太大了。只算核心代码，不pack、不压缩有300多K，压缩之后也有100多K，用gzip压缩之后也有80K，这还没算上插件和无数的周边代码、图标、CSS。初次打开或者删除缓存之后重新加载要好长时间。怪不得译言的编辑器麻烦不断（笑），的确是一个不好驾驭的家伙。

下面附带我的Tiny MCE配置代码：

tinyMCE.init({
mode : "exact",
elements : "message",
width : "500",
height : "300",
languages : 'en',
theme : "advanced",
skin : "wp_theme",
plugins : 'safari,inlinepopups,emotions,advimage,advlink,media,fullscreen',
theme_advanced_buttons1 : "emotions,formatselect,fontsizeselect,bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull",
theme_advanced_buttons2 : "bullist,numlist,hr,charmap,blockquote,image,media,fullscreen,code,|,forecolor,backcolor,link,unlink",
theme_advanced_buttons3 : "",
theme_advanced_toolbar_location : "top",
theme_advanced_toolbar_align : "left",
theme_advanced_statusbar_location : "none",
theme_advanced_resizing:"1",
theme_advanced_resize_horizontal:"",
dialog_type:"modal",
theme_advanced_blockformats : "p,div,h1,h2,h3,h4,blockquote,code"
});


话题:TinyMCE Waki-Blog