wp功能强大是不用说了，但是一直为人诟病的莫过于那个丑陋或者你说简洁也行的编辑器了。wordpress默认的编辑器是叫tiny_mce,是一款轻量级的网页编辑器，使用javascript写的就不用说了，加载速度还是蛮快的。

但是每次看到上面仅仅一行的工具栏就觉得悲剧，一是每次要贴点代码都需要手工输入code标签，二是每次每段文字的前面的两个汉字空格都是我手动复制出来的。

为了解决这两个问题，使得我们的编辑器的效率能够上去，我决定加入一个php按钮，使得我们点击就出现一个php语言的code标签。另外加入一个叫”段首”的按钮，使得我们点击它的时候能够自动的补足两个汉字的空格。

首先我们需要打开wp-include/js/quicktags.js，找到一段代码我们看看是怎么回事，比如说b这个使得文字加粗的按钮：

edButtons[edButtons.length]=new edButton(“ed_strong”,”b”,”“,”“,”b”);

于是我们依样画瓢，加入这两个按钮：

//2011年4月2日加入
edButtons[edButtons.length]=new edButton(“ed_php”,”php”,’','','php');
edButtons[edButtons.length]=new edButton("ed_kongge","段首","    ","","段首");

看看我们的效果图吧：

这两个按钮都出来了，而且测试发现都能用，那么这两个问题就解决了，以后编辑起来就方便多了。但是我突然发现上传的图片并不能居中，于是我又加了一个居中的按钮，也就是加入一个p标签了，并将algin属性改为center.

edButtons[edButtons.length]=new edButton("ed_juzhong","居中",'

',"

","居中");

如无特别说明，本博客文章皆为原创。转载请说明，来自吵吵博客。

原文链接：http://chaochaoblog.com/archives/1346

吵吵微信朋友圈，请付款实名加入：