云上小悟
首页   关于   小悟志   栏目   标签   文章   归档   友链   联系

   云上小悟  +  

代码高亮:Crayon Syntax Highlighter插件

网站建设 / by: 麦新杰 / 发布:2016年4月2日 / 60次阅读 / 1条评论
标签:WordPress插件   / 最后修改时间: 2016-04-02 14:36:32

网站建设 / 2016年4月2日 / 60次阅读 / 标签:WordPress插件  


代码高亮:Crayon Syntax Highlighter插件

能够实现代码高亮的插件很多,不用插件的方案也很多。使用插件是比较简单的方案,不需要折腾代码细节,但是前提是要选一款好用的插件。从易用性和功能两方面来看,Crayon Syntax Highlighter插件应该是首选。

Crayon Syntax Highlighter插件功能全面,各种代码的高亮都能够支持,而且代码高亮显示风格也有很多选择,功能上没得说。

选择Crayon Syntax Highlighter插件,还有一个很重要的原因,就是这款插件的易用性做的非常好。插件安装启用之后,文章编辑工具条中会多出一个按钮,点击这个按钮,然后将代码粘贴到弹出的窗口内,再选择几个参数,就完成了一段代码的高亮插入。

Crayon Syntax Highlighter插件在编辑工具条上的按钮

Crayon Syntax Highlighter插件在编辑工具条上的按钮

点击这个类似于html代码元素符号边界的按钮,就可以看到插入代码的窗口:

Crayon Syntax Highlighter插件的代码插入窗口

Crayon Syntax Highlighter插件的代码插入窗口

就是因为这个窗口,让代码插入文章变得简单轻松,各种参数可以随时调整,满足你个性化代码展示的需求。

其它很多实现代码高亮的方案,都是需要自己编写代码,或者使用<code>,或者使用<pre>再加一个class,这样的方案在易用性方面,都不如Crayon Syntax Highlighter插件的代码插入窗口来的简单。

下图是Crayon Syntax Highlighter插件的配置界面。这个配置界面的参数跟代码插入窗口一样,不一样的是,代码插入窗口的配置参数默认使用配置界面配好的,如果修改代码插入窗口的参数,仅对那一段代码生效,对别的地方的代码高亮不起作用。

Crayon Syntax Highlighter插件的配置界面

Crayon Syntax Highlighter插件的配置界面

配置界面有一个效果预览窗口,用于查看当前配置在页面的展示效果。

Crayon Syntax Highlighter插件是功能和易用性方面的完美结合。插件官方下载地址:https://wordpress.org/plugins/crayon-syntax-highlighter/

本文固定链接:http://www.maixj.net/wangzhan/crayon-syntax-highlighter-11735

“代码高亮:Crayon Syntax Highlighter插件”有1条评论

发表评论

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

  • […] 跟Crayon Syntax Highlighter插件比较,SyntaxHighlighter Evolved插件在编辑窗口没有代码插入的窗口工具,所有代码的插入全部通过自己使用code短码的方式进行,这可能更加适合程序员的口味,并不一定在易用性方面就不好。 […]   [ 回复 ]


前一篇:
后一篇:

麦新杰的云上小悟独立博客网站文章内容,除非特别注明,全部都是原创,如需转载,请先阅读版权声明!原创文章更具个性,有些文字虽略显随意,但不影响个人思想表达。部分文章是我自己的笔记,为自己记录,总结和收藏,同时也分享给您!这是本博建设的出发点,希望您喜欢并得到您的支持!喝杯茶,慢慢阅读...

©Copyright 麦新杰 SINCE 2014 云上小悟独立博客版权所有  备案号:苏ICP备14045477号-1  

本站360安全检测  Valid CSS!