WordPress代码高亮插件Crayon Syntax Highlighter

投稿  雅兮网 2017-02-09 07:32 阅读 122 次 评论 20 条
摘要:

无意中发现一款功能强大的Wordpress代码高亮插件 – Crayon Syntax Highlighter,个人认为该代码高亮插件样式多、易用性高、功能强大,WordPress代码高亮必备插件。

crayon-syntax-highlighter 是一个 WordPress 代码高亮插件,可用于 PHP 项目下。支持多语言,多主体,多字体的高亮插件。用 PHP 和 jQuery 写成。

WordPress代码高亮插件Crayon Syntax Highlighter Plugins 第1张

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

赞赏作者

如果文章对你有帮助,请赞赏支持作者继续创作!

文章标签: ,   ,  
原文地址:http://www.iyaxi.com/2016-05-02/976.html
温馨提示:文章内容仅代表作者个人观点,不代表boke112导航赞同其观点和对其真实性负责!
版权声明:本文为投稿文章,感谢 雅兮网 的投稿,版权归原作者所有,欢迎分享本文,转载请保留出处!
WordPress免费响应式主题:Nana

发表评论


表情

  1. 赚钱铺
    赚钱铺 【农民】 @回复

    这个插件没用过

  2. 杭州SEO优化
    杭州SEO优化 【镇长】 @回复

    值得一看

  3. 呆毛电脑配置网
    呆毛电脑配置网 【县长】 @回复

    一般的网站应该不需要高亮。

  4. 雅兮网
    雅兮网 【省长】 @回复

    老牌的代码高亮工具了,但此插件跟很多jquery有冲突,让人又爱又恨

    • boke112导航
      boke112导航【站长】2017-02-10 11:22  回复

      @雅兮网[偷笑] 所以我直接学鸟哥的,直接把代码高亮转换成HTML代码再粘贴到文章中,一了百了。

  5. 柒号淘金
    柒号淘金 【队长】 @回复

    学习了,但不敢搞太多的东西,本身网站就有点卡

  6. 不套路网赚
    不套路网赚 【农民】 @回复

    主机不行,不敢用多的插件,会卡

  7. 明月登楼的博客
    明月登楼的博客 【总理】 @回复

    自从使用了 Begin 主题后,我已经习惯使用“代码高亮”工具直接把代码转换成HTML来使用了,兼容性非常的好!不依赖于插件!

  8. 夏天烤洋芋
    夏天烤洋芋 【县长】 @回复

    就是来看看。
    我博客可能不需要。

  9. 杭州SEO优化
    杭州SEO优化 【镇长】 @回复

    感觉很不错

  10. Mr.li
    Mr.li 【镇长】 @回复

    感觉高大上,\(^o^)/~

  11. 龙笑天
    龙笑天 【市长】 @回复

    现在反而不喜欢用插件了,奈何已经离不开了啊~ 太多文章已经用到了….

    • boke112导航
      boke112导航【站长】2017-02-09 11:15  回复

      @龙笑天我现在就是用知更鸟分享的那个在线代码高亮转换变成HTML代码,这样感觉比较好

  12. 免费拿路由器
    免费拿路由器 【县长】 @回复

    楼主不是自学html的嘛

  13. 岷仁安防网
    岷仁安防网 【镇长】 @回复

    这个也是依赖性,我对这个没怎么注意,所以可有可无那种。

  14. 靠谱学生兼职网
    靠谱学生兼职网 【市长】 @回复

    哦,确实不错。基本上不用太多的插件。

  15. Koolight
    Koolight 【省长】 @回复

    主题自带的现在够用,没用过这加强版的。