在编辑器中添加Syntax代码按钮

现在我用的代码高亮插件是Syntax。

Sytax的语法是 <pre lang=”php” line=”1″> 代码</pre>形式。

其中 php 是语言，可以改成 javascript css 等据说几十种 = = 但是我只用得到这三种。

不过话说插件虽然强大，但是每次都要写那么长一段，感觉太麻烦了。

在邪罗刹的菠萝阁的文章的指导下，我也学会了在Wordpress的编辑器中添加几个按钮，方便写代码用。

完成后如下图所示：

1. 使用方法

完全同编辑器上的 code 按钮。
①选中所有代码，然后按一下编辑器的按钮。
代码就自动被套住了。

②按一下按钮，输入代码，然后再按一下按钮。
按下按钮→

文本框中添加了开头部分代码→

同时按钮发生变化→

再按一下按钮将其结束即可。

2. 实现方法
打开 wp-include/js/quicktags.js 文件，进行修改。
注意：请将下面的 p0re 全部替换为 pre
先是”使用方法①”部分的代码：
找到：

edButtons[edButtons.length]=new edButton("ed_code","code","","","c");

然后在这一句后面添加：

edButtons[edButtons.length]=
new edButton("ed_pre_php","pre_php","
\n","\n","p",-1);
edButtons[edButtons.length]=
new edButton("ed_pre_css","pre_css","
\n","\n","pp",-1);
edButtons[edButtons.length]=
new edButton("ed_pre_js","pre_js","
\n","\n","ppp",-1);

然后是”使用方法②”的代码：
找到：

j.Buttons[j.Buttons.length]=new edButton(a+"_code","code","","","c");

后面添加：

j.Buttons[j.Buttons.length]=
new edButton(a+"_pre_php","pre_php","
\n","\n","p",-1);
j.Buttons[j.Buttons.length]=
new edButton(a+"_pre_css","pre_css","
\n","\n","pp",-1);
j.Buttons[j.Buttons.length]=
new edButton(a+"_pre_js","pre_js","
\n","\n","ppp",-1);

大功告成。

3. 各版本 quicktags.js 下载。
如果你觉得修改起来太麻烦，就下载修改过后的文件直接替换吧。
2.8.6 版本的文件请到 这里下载。
2.9 版本请点击这里下载。
3.0.1 版本请点这里下载。