Wordpress显示源代码并有语法提示插件CoolCode

Filed under: Wordpress |
Posted on

本文原文参考地址:http://www.coolcode.cn/?p=26

我们在用wp编写技术文章的时候,免不了需要贴些源代码的片段,以增加文章的说服力,原版的wp并没有提供这样的源代码发布功能,甚至有时候我们的文章中出现某些特殊字符的时候,wp的显示还会出问题,感谢www.coolcode.cn提供这么优秀的插件,让我们能够在wp中张贴源代码,并支持语法点亮,效果看此例子

插件下载地址:Coolcode

功能简介

  • 增加了直接以文件形式下载源代码的功能。
  • 增加了选择是否显示行号功能,在行号显示模式下还可以通过双击代码来隐藏或显示行号。
  • 将固定宽高的代码窗口改成了自适应的窗口。
  • 重新定义了样式表。使显示的代码更美观。
  • 将代码加亮处理后的 class 改为了内嵌式的 style。这样是为了方便将彩色代码复制到 Word 之类的 Rich Text 编辑器中。
  • 修改了 Text_Highlighter 中的 Html Renderer。修正了原 Html Renderer 产生的加亮代码复制出来后,每行代码前多一个空格的问题。
  • 修正了原插件发帖代码中包含\’时的写入数据库错误。
  • 修正了回复中不能插入代码的错误。
  • 定义了 XML 和 BBCode 两种语法的 coolcode 标签。
  • 增加了 html 语言支持。

安装使用
首先,下载并解压缩到您的 WordPress 插件,然后在您的 WordPress 中激活该插件就可以了。

本想给本插件增加对所见即所得编辑器支持的功能,后来经测试发现,所见即所得编辑器本身有太多问题,他无法将代码正确保存到数据库中。因此目前取消了对所见即所得编辑器支持的功能。

所以如果你要使用本插件,请将 将 WordPress “选项”—>“写作”—>“自动修正错误的内嵌式 XHTML 语法”禁用,并在选项和用户中把所见即所得编辑器关掉,然后使用以下语法即可。

注意:目前方括号语法和尖括号语法等效,但不保证以后同样有效,推荐使用尖括号语法!

使用的语法是:

<coolcode>
代码
</coolcode>

如果要加亮具体的语言,可以用 lang 属性来指定:

<coolcode lang="程序设计语言">
代码
</coolcode>

如果不需要行号,可以使用 linenum 属性来指定:

<coolcode lang="程序设计语言" linenum="off">
代码
</coolcode>

如果希望可以直接以文件下载代码,可以使用 download 属性来指定:

<coolcode lang="程序设计语言" download="文件名.扩展名">
代码
</coolcode>

这三个属性可以组合使用,互不影响。

<img src='http://www.blog-dragon.com/wp-content/uploads/2008/11/2266717987451891035.jpg' />

目前支持的程序设计语言有:

actionscript
cpp
css
diff
dtd
html
java
javascript
mysql
perl
php
python
ruby
sql
xml



本文有 One Response

  1. 死鱼 Says:

    支持! 持续跟进…

评论或留言