WordPress编辑器及代码高亮按钮更新

之前曾经写过《WordPress编辑器加代码高亮功能》,但是为了实现自己网站的代码高亮功能,所以才集成这个插件的。

现在随着 Ckeditor for wordpress 的更新,我也更新一下这个集成版的插件。

在下载之前,先简单说一下原理,CKeditor for wordpress 是一个编辑器插件,我在其按钮界面上集成插入指定格式的正则表达式,该正则表达式为

<pre class="brush:code;">
代码
</pre>

符合该正则表达式的代码高亮插件是 Syntax Highlighter and Code Colorizer for WordPress ,当装上该插件时,通过编辑器代码插入按钮插入的代码就会高亮显示,若未安装以上代码高亮插件,则代码会以引用的方式显示。该代码高亮插件安装只需在后台搜索插件安装即可

代码插入按钮如下图所示:

带代码插入按钮的 CKeditor for wordpress 有两版,一个是带 CKfinder ,一个未带,CKfinder 是一个文件上传及管理器,在添加图片的时候会看到上传选项,在 CKeditor for wordpress 的 upload options 可以设置是否启用 CKfinder 管理工具。

 

下载地址:

CKeditor for wordpress 1.0.2 with CKfinder:

http://www.wuala.com/jiechic/software/wordpress/ckeditor-for-wordpress-1.0.2-with-ckfinder.zip

CKeditor for wordpress 1.0.2 without CKfinder

http://www.wuala.com/jiechic/software/wordpress/ckeditor-for-wordpress-1.0.2-without-ckfinder.zip

 更新1.0.5版本:

without版:http://dl.dbank.com/c0susc5u80

with版:http://dl.dbank.com/c0u84hshd4

有人说1.0.2版本不可下载,其实是被qiang了。

(注:我曾写过一篇文章为《wordpress代码高亮编辑器ck-and-syntaxhighlighter》,若该插件能够解决代码高亮时,能够自动换行的问题,我会毫不犹豫的使用它。等待它的改进,现在还是先使用本文介绍的插件吧。)

{ 发表评论? }

  1. Nxun

    这个插入界面不错,选项比较丰富

  2. chenlb

    CKeditor for wordpress 1.0.2 without CKfinder 下载不了。

    麻烦博主提供个下载的地方,谢谢。

发表评论

电子邮件地址不会被公开。 必填项已用 * 标注

*

您可以使用这些 HTML 标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>