首页 > Wordpress心得 > WordPress的HTML编辑界面中添加SyntaxHighlighter按钮

WordPress的HTML编辑界面中添加SyntaxHighlighter按钮

2010年5月14日 AEROFISH 1,537 views 发表评论 阅读评论

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

方法是修改/wp-includes/js/quicktags.js文件。
找到

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

在其后添加

edButtons[edButtons.length]=new edButton("ed_shle","[code]","[code lang='php' firstline='1' gutter='0' highlight='1']","[/code]","c");

保存后,在HTML编辑界面就会多出个SyntaxHighlighter按钮了。

这个按钮所产生的识别代码是带了3个参数的:
firstline表示显示起始行号;
gutter表示是否显示行号;
highlight表示第几行为高亮显示。
更多的参数可以去参考插件后台中的说明部分。

【最后修改时间:2010年11月5日】

本文对我无帮助,减1分本文对我有帮助,加1分 (本文对您有帮助吗?)
Loading ... Loading ...

  1. 本文目前尚无任何评论.
  1. 本文目前尚无任何 trackbacks 和 pingbacks.