无意中发现一款功能强大的Wordpress代码高亮插件 – Crayon Syntax Highlighter，个人认为该代码高亮插件样式多、易用性高、功能强大，WordPress代码高亮必备插件。
crayon-syntax-highlighter 是一个 WordPress 代码高亮插件，可用于 PHP 项目下。支持多语言，多主体，多字体的高亮插件。用 PHP 和 jQuery 写成。
Crayon Syntax Highlighter这个功能全面、使用方便的代码高亮显示插件， 不仅能帮你高亮显示php, java, asp, python等各种代码， 而且在wordpress文件编辑器里直接就有一个按钮可以很方便的帮助你插入代码。
安装方法：
WP后台插件页面搜索“Crayon Syntax Highlighter”安装即可。
支持的语言：
ABAP、ActionScript、AmigaDOS、Apache、AppleScript、Arduino、Assembly、AutoIt、C、C#、C++、CoffeeScript、CSS、Delphi/Pascal、Diff、(thanks、to、omniavin)、Erlang、(thanks、to、Daniel)、Go、Haskell、HTML、(XML/XHTML)、Lisp、Lua、Microsoft、Registry、MIVA、Script、Monkey、MS-DOS、MySQL、Java、JavaScript、Objective-C、Perl、PHP、PostgreSQL、PowerShell、Python、R、Ruby、Scheme、Shell(Unix)、Transact-SQL、TeX、Vim、Visual、Basic、YAML…
Crayon Syntax Highlighter 特点：
- 集成主题编辑器
- 切换行号
- 复制 / 粘贴代码
- 在新窗口中打开代码
- 支持 bbPress
- 自动获取博客文章 / 评论中的<pre>…</pre> 进行高亮
- 远程请求缓存
- 可以在一个代码框内混合语言高亮显示
- 支持迷你标签，如 [php] [/php]
- 可以在行内调用代码高亮
- 支持<pre> 标记
- 手机 / 触摸屏设备检测
- 鼠标事件交互（例如在工具栏上双击可以全选代码）
- Retina!
- 文件扩展名检测
- 设置实时预览
- 支持修改尺寸，边距，对齐方式，字体大小，行高……
使用方法：
使用方法与SyntaxHighlighter 类似，同样是在html编辑模式下，使用该类语言的标签，比如你的代码是C++，
[C++] your code [/C++]
使用方法是在HTML编辑模式下 由于编辑器问题后面的所有<>换成 []
[py]
<html>some code</html> [php]echo “whassup?”;[/php]
[/py]
如果代码中的代码也被转化了，那么就使用以下格式
<html> 由于编辑器问题需要将<>换成 []
[py]…[/py]
</html>由于编辑器问题需要将<>换成 []
[py]<html>…</html>[/py] 由于编辑器问题需要将<>换成 []
中间的代码不会被自动转换。
如果 <html>代码中还要放 <html>代码是不行的，同理[py]代码中再放[py]代码也是不行的，只能交错放，比如要显示[html]代码，就外面放[py]，里面放<html>
如果你还嫌麻烦，那么请使用可视化模式下的工具吧，安装完Crayon后，可视化编辑第一行菜单最后一个是该插件的选项，你可以点击它，直接拷贝你想高亮的代码进入就可以了。
![[更新]WordPress 4.9.7发布 修复重要安全漏洞](https://www.yaxi.net/wp-content/themes/wing/timthumb.php?src=https://www.yaxi.net/wp-content/uploads/2018/07/20180709144728.jpg&h=120&w=160&zc=1)
粤公网安备 44040402000065号
如果认为本文对您有所帮助请赞助本站