欢迎来到资源库(www.zyku.net)

JavaScript

当前位置:首页 > 网页制作 > JavaScript > SyntaxHighlighter

SyntaxHighlighter代码高亮插件构建使用方法

时间:2017-11-30|栏目:JavaScript|点击:|我要投稿

syntaxhighlighter是一款代码高亮插件,功能实在是太强大了,支持的语法包括applescript,as3, base, bash, coldfusion, cpp,csharp, css, delphi, diff, erlang, groovy,haxe, java, javafx, javascript, perl,php, plain, powershell, python, ruby,sass, scala, sql, swift, tap, typescript,vb, xml等31种,几乎涵盖了流行的所有编程语言,实在是代码讲解和网站代码展示的必备利器。

syntaxhighlighter还能够支持代码主题切换,目前的官方主题有base、default、django、eclipse、emacs、fadetogrey、mdultra、midnight、rdark、swift等10种主题,并支持自定义主题。

syntaxhighlighter目前官方并没有提供最新的可执行JS架构,需要自己编译构建,前提是必须首先安装好nodejs环境,安装nodejs环境可以参考本篇文章《CentOS下安装并配置nodejs环境教程》,具体官方提供的构建方法如下:

$ git clonehttps://github.com/syntaxhighlighter/syntaxhighlighter.git
$ cd syntaxhighlighter
$ npm install
$ gulp setup-project
$ gulp build all

构建完成后,从syntaxhighlighter项目下的dist文件下拷贝syntaxhighlighter.js、theme.css拷贝到自己的项目中,在自己的HTML文件引入syntaxhighlighter.js、theme.css,然后按照规定的格式输入代码即可!

(资源库 www.zyku.net)

上一篇:JS判断用户名及密码是否为空的方法

栏    目:JavaScript

下一篇:JS操作剪贴板代码详解

本文标题:SyntaxHighlighter代码高亮插件构建使用方法

本文地址:https://www.zyku.net/js/1566.html

关于我们 | 版权申明 | 寻求合作 |

重要申明:本站所有的文章、图片、评论等内容,均由网友发表或上传并维护或收集自网络,仅供个人学习交流使用,版权归原作者所有。

如有侵犯您的版权,请与我们联系,我们将在24小时内进行处理、任何非本站因素导致的法律后果,本站均不负任何责任。

联系QQ:95148658 | 邮箱:mb8#qq.com(#换成@)

苏ICP备2020066115号-1

本网站由提供CDN加速/云存储服务