Wordpress中使用SyntaxHighlighter插件用法举例

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'
更多配置

时间: 2024-09-21 19:01:44

Wordpress中使用SyntaxHighlighter插件用法举例的相关文章

wordpress中代码高亮插件Highlight安装与使用

插件下载地址:http://file.111cn.net/upload/2014/2/wp-code-highlight.zip (1)下载后解压得到wp-code-highlight文件夹,上传至 /wp-content/plugins/ 目录,然后在后台"插件"那里启用. (2)因为wordpress的可视化编辑器会将代码来回转义,所以最好禁用,方法:登入后→用户→点击你的帐户→把第一个选项勾上"禁用可视化编辑器" (3)对插件进行个性化的设置,方法:登入后→设

详解WordPress中提醒安装插件以及隐藏插件的功能实现_php实例

提醒用户当前主题需要的插件很多主题都需要一些插件的支持,这时你就需要提醒用户需要安装的插件,本文将教你,怎么在后台显眼的位置提醒用户当前主题要安装的插件. 最终的效果类似下图: 只需要用 admin_notices 钩子,在后台标题下边输出一个警告框,再用 is_plugin_active() 函数判断插件是否启用即可. /** *WordPress 提醒用户当前主题需要的插件 *http://www.endskin.com/plugins-messages/ */ function Bing_

wordpress中add_filter和add_action用法

WordPress 中有一种叫执行挂勾的机制,允许插件把一些功能"挂载"到 WordPress 当中. 也就是说,在系统运行至某一个环节时,去调用插件内的一些函数. WordPress中有2个函数可以让我们执行WordPress标准操作到时候调用我们自定义的函数,这2个函数分别是add_action()和add_filter(). 先看看WordPress里面关于这2个函数的定义,在wp-includes/plugin.php文件中,先看add_filter()的定义: functio

在WordPress中使用wp-cron插件来设置定时任务_php实例

PHP 本身是无法创建定时任务的,但是 WordPress 自带了一个伪定时任务(Cron) API,非常的方便好用,包括 WordPress 本身的定时发布文章都依赖于这个 API WP Cron 是什么? 是 WordPress 一套定时触发机制, 可以循环安排任务执行. 如: 定时发布新文章, 定期检测版本等功能都是通过这个来实现的. WP Cron 可以为我们实现什么? 我们可以循环更新和提交网站数据, 节日定期向读者发送贺卡或者表单 ... 它的原理就是将创建的定时任务存储到数据库里,

WordPress 中 CK and SyntaxHighlighter 插件图片显示问题

有人发现在WordPress里面用了最新的CK and SyntaxHighlighter插件以后,通过这个插件插入的图片无法正常显示,当然我也遇到了这个问题,在WordPress论坛上找到了解决办法: 把/wp-content/plugins/ck-and-syntaxhighlighter/ckfinder/config.php中  代码如下 复制代码 $baseUrl = 'wp-content/uploads/ckfinder/'; 改为:  代码如下 复制代码 $baseUrl = '

Python中Continue语句的用法的举例详解

  这篇文章主要介绍了Python中Continue语句的用法的举例详解,是Python入门中的基础知识,需要的朋友可以参考下 Python continue语句返回while循环的开始.Continue语句拒绝在该循环的当前迭代中的其余语句执行并移动控制返回到循环的顶部(开始位置). continue语句可以在while和for循环使用. 语法 Python continue语句的语法如下: continue 流程图: 例子 ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14

在WordPress中安装使用视频播放器插件Hana Flv Player_php实例

Hana Flv Player 是一个在 WordPress 中应用比较广泛的播放器插件, 该插件内置了5种媒体播放器,其播放文件以 flv 文件为主, 并将插入文件的按钮集成到 WordPress 后台的编辑界面上方便用户操作, 实在是一个不可多得的好插件. 内置的播放器 OS FLV V2.0.5 FlowPlayer V2.2.1 FlowPlayer V3.2.7 FLV Player Maxi MediaElement.js 内置播放器的特色我就不说了,网上搜搜吧,这些都是比较流行的播

几个优化WordPress中JavaScript加载体验的插件介绍_php技巧

WordPress 本身以及主题和插件通常需要加载一些 JavaScript 来实现某些特殊功能.为了最大限度地保证兼容性,不至于出现 JavaScript 失效的情况,所以一般在页头加载 JavaScript 文件.但是根据 Yahoo 开发者论坛的建议,加载 JavaScript 应该尽量在页尾以提高页面的显示(响应.渲染)速度.本文根据作者的使用经验介绍几个相关插件,并说明如何在某些特殊页面仍然在页头加载 JavaScript. 下面先简单介绍几个相关的优化 JavaScript 的 Wo

jQuery中Nicescroll滚动条插件的用法_jquery

本篇文章主要介绍了jQuery中Nicescroll滚动条插件的用法,Nicescroll滚动条插件是一个非常强大的基于jQuery的滚动条插件,有需要的可以了解下. Nicescroll滚动条插件是一个非常强大的基于jQuery的滚动条插件,不需要增加额外的css,几乎全浏览器兼容.ie6+,实现只需要一段代码,侵入性非常小,样式可完全自定义,支持触摸事件,可在触摸屏上使用. Nicescroll官网地址:http://www.areaaperta.com/nicescroll/ 引入核心文件