SyntaxHighlighter代码高亮插件构建使用方法
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)
栏 目:JavaScript
下一篇:JS操作剪贴板代码详解
本文标题:SyntaxHighlighter代码高亮插件构建使用方法
本文地址:https://www.zyku.net/js/1566.html
您可能感兴趣的文章
- 06-26highlightjs网页代码高亮插件调用方法
- 06-24SyntaxHighlighter 隐藏Y轴滚动条
- 06-24SyntaxHighlighter网页代码高亮插件build构造方法
- 05-11FastAdmin cms插件标题和描述截取字数怎么设置
- 03-30Sublime Text3-sublimerge 文本对比插件安装与使用
- 08-14织梦DedeCMS安装模块(插件)后台空白的解决方法
- 01-10代码高亮插件codesnippet添加行号的方法
- 11-30CKEditor 4.x 代码高亮插件SyntaxHighlighter和Code S
- 07-07Yii2第三方类库插件Imagine的安装和使用
- 05-16Z-BLOG网易云跟贴插件安装教程
- 07-05Linux pwd命令
- 09-17苹果手表如何设定闹钟
- 01-12dedecms5.6 arclist分页的实现方法
- 09-11vivoX70怎么设置通话自动录音
- 02-13Django集成富文本编辑器summernote的
- 01-12大白答题软件-大白答题软件应用软件功
- 01-17快秀-快秀应用软件功能介绍
- 12-28纳豆题库-纳豆题库应用软件功能介绍
- 10-13苹果13pro如何添加屏幕录制
- 12-26邦元宝维修-邦元宝维修应用软件功能介
最近更新
阅读排行
猜你喜欢
- 09-27vivo手机如何关闭防沉迷模式
- 02-19小米11青春版人脸识别解锁操作方法
- 11-09华为随身wifi怎么还原出厂模式
- 04-24oppoa93关闭VoLTE高清通话方法
- 12-23HTML <applet> 标签 - HTML5 不支持
- 01-03汪汪绘画小分队-汪汪绘画小分队应用软
- 08-10快手直播电视投屏教程
- 01-24红米k30设置息屏显示时间功能方法
- 04-05mysql 查看当前使用的配置文件my.cnf
- 01-10全能WiFi助手尚麦-全能WiFi助手尚麦应