首页 > 插件下载 > WordPress高亮代码插件WP-CodeBox

WordPress高亮代码插件WP-CodeBox

11条评论
标签:
更多

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

WP-CodeBox插件安装:

  1. 下载WP-CodeBox插件,将压缩包解压后,把文件夹上传到wp-content/plugins/目录下。
  2. 登录WordPress管理后台,点击“Plugins”找到上传的插件,激活该插件。
  3. 插件激活后,在“Setting”-->“WP-CodeBox“中设置相关信息,如下图所示(点击浏览大图):

WordPress高亮代码插件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>


代码前台显示图示(其它的就贴图示了):

WordPress高亮代码插件WP-CodeBox

**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>

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

WP-CodeBox插件下载地址:点击下载
WP-CodeBox插件作者地址:点击进入

 

* 版权声明:作者WordPress啦! 转载请注明出处。

#1
请教 file="download.txt":创建一个可下载的保存名称 这个txt文件应放在服务器那个位置??
#2
不用上传,你只要命名好文件,就可以了
#3
问题是我随便命名个文件点击下载不了呀
#4
我测试的没有问题啊,不知道你那里出来问题,你可以把相关内容的截图贴到我们论坛(http://bbs.wordpress.la),我看看那里出了问题。
#5
好像对代码长度有限制啊,我插入一段比较长的代码之后连代码前面的内容都不显示了
#6
正是我寻找好久的东西,只是觉得插件的体积有些太大了。
#7
这款插件还好,不是怎么耗资源
#8
感觉不错,很好,这样贴代码不会出问题了。呵呵,用着很舒服,谢谢mike,和chase还有小光头。哈哈
#9
我很想知道怎么达到wrap的效果,也就是超出页面宽度会自动换行。 貌似你也没有实现。 但是代码区的确是有的…… [pre] /><?php _e('Wrap Overflowing Text','wp-codebox'); ?>[/pre] 正在找这个checkbox在哪…… :(
#10
有没有比如折叠歌词的?
#11
不错,用上了. 不过后台半洋半土的,有点那啥疼