代码高亮: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插件的代码插入窗口
就是因为这个窗口,让代码插入文章变得简单轻松,各种参数可以随时调整,满足你个性化代码展示的需求。
其它很多实现代码高亮的方案,都是需要自己编写代码,或者使用,或者使用

再加一个class,这样的方案在易用性方面,都不如Crayon Syntax Highlighter插件的代码插入窗口来的简单。
下图是Crayon Syntax Highlighter插件的配置界面。这个配置界面的参数跟代码插入窗口一样,不一样的是,代码插入窗口的配置参数默认使用配置界面配好的,如果修改代码插入窗口的参数,仅对那一段代码生效,对别的地方的代码高亮不起作用。
代码高亮:Crayon Syntax Highlighter插件-畅扫

Crayon Syntax Highlighter插件的配置界面

人已赞赏
网站主机

宝塔Linux面板新手安装教程【转】

2020-8-13 15:22:12

WP插件

代码高亮显示插件Crayon Syntax Highlighter将显示语言从英文更改为中文

2020-8-18 17:11:34

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索