WP-CodeBox代码高亮插件,它支持多种语言、代码下载、复制到剪贴板、代码框收放及后台默认属性设置多项功能,使用起来也比较方便。

 

具体使用方法:

  1. SAE自动安装WP-CodeBox插件:
  2. 登录WordPress管理后台,点击“插件”找到WP-CodeBox插件,激活该插件。
  3. 插件激活后,在“设置”-->“代码高亮“中设置相关信息,如下图所示:
wordpress-wp-codebox1

使用方法:

在插入代码前,将wordpress 编辑器切换为“HTML编辑”模式!

在图中基本上对插件的相关功能都进行了说明,在页面中,其实你也不用进行任何设置,保持默认即可,安装成功后,接下来就是使用插件了,使用之前先来介绍下WP-CodeBox插件的相关语法:

代码格式

<pre lang="LANGUAGE" line="1" file="download.txt" colla="+"> 内容 </pre>

解释:

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

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

line="N":开始行数

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

演示:

1.语言为php,有行数,默认展开代码

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

 

2.语言为 Java,有行数,默认展开

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

3.语言为Ruby,有行数,从18开始,有下载,默认展开

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