最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
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'
更多配置
相关文章
- 第五人格11.22共研服有什么更新 11月22日共研服更新内容介绍 11-21
- 原神恰斯卡怎么培养 11-21
- 无期迷途四星装束是谁 11-21
- 王者荣耀帝丹高中校服怎么获得 11-21
- 光遇姆明季后续版本怎么玩 11-21
- 《潜行者2:切尔诺贝利之心》使用手电筒方法介绍 11-21