一聚教程网:一个值得你收藏的教程网站

热门教程

Wordpress中使用SyntaxHighlighter插件用法举例

时间:2022-06-25 19:17:04 编辑:袖梨 来源:一聚教程网


1.友好的扩展性:通过简单的继承和改写就可以实现新语法的高亮。
2.强大的配置性:SyntaxHighlighter提供多种配置参数,能够充分满足定制化的高亮需求。
3.简便的集成性:即使手动安装SyntaxHighlighter也非常简便,可以轻松实现论坛、博客的语法高亮。
WordPress上支持SyntaxHighlighter的语法高亮插件众多,Robin选用的是:syntax-highlighter-and-code-

prettifier
这款插件支持绝大多数的配置功能,下面Robin逐一做功能举例:

auto-links

•作用: 是否允许代码的超链接可点击
•默认值: true
•示例:


/** http://111com.net */
'http://111com.net'

•效果:
 /** http://111com.net */'http://111com.net'
collapse

•作用: 是否开启代码收起功能
•默认值: false
•示例:


hello there!
This is collapsed code.

•效果:
expand source?12 hello there! This is collapsed code.
first-line

•作用: 指定起始行号
•默认值: 1
•示例:


this is now tenth line,
and this is eleventh!

•效果:

1011 this is now tenth line, and this is eleventh!
gutter

•作用: 是否显示行号
•默认值: true
•示例:


/** http://111com.net */
'http://111com.net'

•效果:
?/** http://111com.net */'http://111com.net'
highlight

•作用: 指定高亮的代码行
•默认值: null
•示例:
•示例:


1
2
3

1
2
3


•效果:
123 1 2 3
123 1 2 3
toolbar

•作用: 是否开启工具栏
•默认值: true

•示例:


/** http://111com.net */
'http://111com.net'

/** http://111com.net */
'http://111com.net'

•效果:
12 /** http://111com.net */'http://111com.net'
12 /** http://111com.net */'http://111com.net'
更多配置

热门栏目