WordPress高亮代码插件WP-CodeBox

zhang 发表于 PHP, WordPress  关键字:      
19


WordPress高亮代码显示,前面我们介绍过WP-Syntax插件,这款插件使用起来有些麻烦,而且还需要修改文件的相关配置,对于不太熟悉程序的朋友来说,有点小困难,经过多方寻觅,今找到一款不错的WP-CodeBox代码高亮插件,它支持多种语言、代码下载、复制到剪贴板、代码框收放及后台默认属性设置多项功能,使用起来也比较方便。

WP-CodeBox插件安装:

1.下载WP-CodeBox插件,将压缩包解压后,把文件夹上传到wp-content/plugins/目录下。
2.登录WordPress管理后台,点击“Plugins”找到上传的插件,激活该插件。
3.插件激活后,在“Setting”–>“WP-CodeBox“中设置相关信息
在页面中,其实你也不用进行任何设置,保持默认即可,安装成功后,接下来就是使用插件了,使用之前先来介绍下WP-CodeBox插件的相关语法:

<pre lang=”LANGUAGE” line=”N” file=”download.txt” colla=”+”>代码</pre>

lang=”LANGUAGE”:代码的语言,如ASP、PHP、Java等

file=”download.txt”:创建一个可下载的保存名称

line=”N”:开始行数

colla=”+/-”: ”+“表示展开,”-“表示收缩

知道语法后我们,就可以在文章中添加高亮代码了,新建post或pages页面时插入代码,进入HTML编辑状态(一定要记住),插入相关代码,示例如下:
**Example 1: PHP, no line numbers**

<pre lang=”php”>
<div id=”foo”>
<?php
function foo() {
echo “Hello World!\\n”;
}
for (\$i = 0; \$i < 10 $i++) {
foo();
}
?>
</div>
</pre>

代码前台显示图示:

前后效果图

前后效果图

Example 2: Java, with line numbers,collapse codebox**

<pre lang=”java” line=”1″ colla=”-”>
public class Hello {
public static void main(String[] args) {
System.out.println(“Hello World!”);
}
}
</pre>

**Example 3: Ruby, with line numbers starting at 18, code downloading(ruby.txt)**

<pre lang=”ruby” line=”18″ file=”ruby.txt”>
class Example
def example(arg1)
return “Hello: ” + arg1.to_s
end
end
</pre>

简单的几个例子,基本都可以对其功能进行说明,此款插件使用起来还是非常方便的,不需要额外的操作,而且高亮显示的效果也十分的明显。




找不到自己想要的东西,试试搜索一下吧^_^
Loading



本文为【爱上梁坤,爱上你】版权所有,欢迎转载。本站所有文章,未经说明,均为原创文章,转载敬请保留出处非常感谢。
  本文链接:”http://www.liangkun.net/archives/738.html

如果你觉得这篇文章对你有用,而且你又有自己的网站或者博客,请不要吝啬把本站加到你的友情链接,已经加入友情链接的朋友,请在本站留言说明,我也会在我的网站加入你的友情链接。



















【相关文章推荐】

19 篇评论 关于 “WordPress高亮代码插件WP-CodeBox”

发表我的评论

 疑问 冷笑 悲伤 坏蛋 感叹 微笑 脸红 大笑 吃惊 惊讶 困惑 酷 大声笑 恼火 古怪 转眼睛 给眼色 好主意 箭头 一般 哭了 绿人