Crayon Syntax Highlighter 强大的WordPress代码高亮插件

2016-5-2 00:08 来自本站原创 10,835 抢沙发 2
[摘要]

无意中发现一款功能强大的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后,可视化编辑第一行菜单最后一个是该插件的选项,你可以点击它,直接拷贝你想高亮的代码进入就可以了。

本文最后更新于2016年10月13日,已超过 1 年没有更新,如果文章内容或图片资源失效,请留言反馈,我们会及时处理,谢谢!

如果认为本文对您有所帮助请赞助本站

支付宝扫一扫赞助微信扫一扫赞助

  • 支付宝扫一扫赞助
  • 微信扫一扫赞助
  • 声明:凡注明“本站原创”的所有文字图片等资料,版权均属 雅兮网 所有,欢迎转载,但务请注明出处;
    发表评论

    疑问 调皮 难过 抠鼻 吓 微笑 可爱 坏笑 惊讶 发呆 疑问 大兵 偷笑 咒骂 发怒 白眼 鼓掌 得意 擦汗 亲亲 大哭 呲牙 晕 强

    分享 0 2 10,835
    Top