1.友好的扩展性:通过简单的继承和改写就可以实现新语法的高亮。
2.强大的配置性:SyntaxHighlighter提供多种配置参数,能够充分满足定制化的高亮需求。
3.简便的集成性:即使手动安装SyntaxHighlighter也非常简便,可以轻松实现论坛、博客的语法高亮。
WordPress上支持SyntaxHighlighter的语法高亮插件众多,Robin选用的是:syntax-highlighter-and-code-
prettifier
这款插件支持绝大多数的配置功能,下面Robin逐一做功能举例:
auto-links
•作用: 是否允许代码的超链接可点击
•默认值: true
•示例:
<pre class="brush: php; auto-links: false">
/** http://111cn.net */
'http://111cn.net'
</pre>
•效果:
/** http://111cn.net */'http://111cn.net'
collapse
•作用: 是否开启代码收起功能
•默认值: false
•示例:
<pre class="brush: plain; collapse: true">
hello there!
This is collapsed code.
</pre>
•效果:
expand source?12 hello there! This is collapsed code.
first-line
•作用: 指定起始行号
•默认值: 1
•示例:
<pre class="brush: plain; first-line: 10">
this is now tenth line,
and this is eleventh!
</pre>
•效果:
1011 this is now tenth line, and this is eleventh!
gutter
•作用: 是否显示行号
•默认值: true
•示例:
<pre class="brush: php; gutter: false;">
/** http://111cn.net */
'http://111cn.net'
</pre>
•效果:
?/** http://111cn.net */'http://111cn.net'
highlight
•作用: 指定高亮的代码行
•默认值: null
•示例:
•示例:
<pre class="brush: plain; highlight: 2">
1
2
3
</pre><pre class="brush: plain; highlight: [1, 3]">
1
2
3
</pre>
•效果:
123 1 2 3
123 1 2 3
toolbar
•作用: 是否开启工具栏
•默认值: true
•示例:
<pre class="brush: php; toolbar: true;">
/** http://111cn.net */
'http://111cn.net'
</pre><pre class="brush: php; toolbar: false;">
/** http://111cn.net */
'http://111cn.net'
</pre>
•效果:
12 /** http://111cn.net */'http://111cn.net'
12 /** http://111cn.net */'http://111cn.net'
更多配置