许多葵的歌:在 WordPress 的 HTML 编辑界面中添加 SyntaxHighlighter 按钮

来源:百度文库 编辑:九乡新闻网 时间:2024/04/29 01:38:43

SyntaxHighlighter是一款WordPress的高亮代码的插件,是我认为的唯一一款无需改动原程序代码就能完整显示代码的插件。不过它和其它代码插件一样,都需要手动添加识别代码,所以有必要在编辑界面中添加一个SyntaxHighlighter按钮。

修改/wp-includes/js/quicktags.js文件:

找到:

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

在其后加入:

1
edButtons[edButtons.length]=new edButton("ed_pre","pre","\n
","
\n","c");

保存后,在后台的HTML编辑界面就会多个SyntaxHighlighter 的 pre 按钮。

按钮所产生的识别代码是带了2个参数的:

brush 我默认使用 php,使用时修改为其他语言即可;

highlight 表示第几行为高亮显示,在方括号里面填空即可,不用可留空。定义多行示例:highlight:[1,3,7]

\n 的意思是换行,我在前后都加了一个,这样和非代码的文字保持距离,清晰明了。

利用此方法,你可以在HTML编辑界面添加更多你常使用的东西了。

效果如下: