文章归档

我写过《WordPress编辑器加代码高亮功能》谈了一下添加有添加代码按钮的插件，以及适合插件使用的高亮语法正则表达式。然后有写过一篇《wordpress代码高亮编辑器ck-and-syntaxhighlighter》推荐一个集编辑器和代码高亮功能的插件，前两天，我有写了这样一篇文章《WordPress编辑器及代码高亮按钮更新》，虽然这篇文章只是简单的更新了一下升级之后的编辑器，但我却把最简单的原理用最通俗的说法写了出来。 除去 CK-and-Syntaxhighlighter 这个插件先不说，我来说一下我制作的 CKeditor for wordpress 。 我制作的 CKeditor for wordpress 只是集成多了各按钮，用于添加代码，添加高亮代码的正则表达式使用 SyntaxHighlighter 高亮核心的表达式，如下： <pre class=”brush:code”> 代码 </pre> 而这个表达式要实现代码高亮，则必须借用其他 wordpress 代码高亮插件，并且这个代码高亮插件的表示语法是以上正则表达语法。 我现在所了解的符合这个语法的代码高亮插件有三个（如果还有多的，请大家留言告诉我），分别是 Syntax Highlighter and Code Colorizer for WordPress 、Syntax Highlighter ComPress 以及 syntax-highlighter-optimized （点击名称链接到下载页面） Highlighter and Code Colorizer for WordPress 是基于 SyntaxHighlighter 2.1.364 核心高亮库制作，复制代码的时候会复制行号，右上角有控制按钮，如需不用无行号代码课程按钮下手，支持自动换行，但核心代码过久，渲染速度慢。不支持皮肤换色。如图所示（图中代码为GTK图形界面代码，故无太多高亮之处）。   Syntax Highlighter ComPress 是基于 SyntaxHighlighter 3.0.83.1 核心高亮库，对代码高亮的渲染更加智能化，方便化；后台可控制多款高亮皮肤显示。复制代码时不会复制行号，右上角的 “？” 只是会弹出版权信息。但是，它却无法自动换行，当代码过长时，会出现滚动条过长，如下图所示。 syntax-highlighter-optimized 是作者 Nxun 通过修改 Highlighter and …

>>Read more