当前栏目
专为开发者准备的10个优秀JavaScript语法高亮库
介绍
开发人员需要语法突出显示工具作为辅助符号的一种形式,以帮助我们在结构化编程语言或标记中编写代码。有些代码高亮库附带了额外的功能,例如拼写检查器,代码折叠,以及提高文本上下文中总体代码可读性的功能,从而使编码人员可以检测可能跨越几页的代码中的错误。笔者将在本文介绍10个语法高亮库
![专为开发者准备的10个最佳JavaScript语法高亮库](https://s1.51cto.com/oss/201911/18/b19e2f43a80781689e67aad83ad6db93.jpeg)
1.SHJS
SHJS是一个JavaScript库,可以在浏览器上突出显示客户端的HTML源代码。它使用GNU源代码突出显示的语言定义,从而使其能够突出显示以多种语言编写的源代码。SHJS带有Highlight程序中的几个主题,并根据GNU v3许可证分发。
http://shjs.sourceforge.net/
![专为开发者准备的10个最佳JavaScript语法高亮库](https://s2.51cto.com/oss/201911/18/ed1d6fe4540944eb5212091e4170ac45.jpeg)
2. SyntaxHighlighter
SyntaxHighlighter是功能齐全的客户端语法突出显示工具。
https://github.com/syntaxhighlighter
![专为开发者准备的10个最佳JavaScript语法高亮库](https://s3.51cto.com/oss/201911/18/d78df817f19e79c3f74ae77247b4ebef.jpeg)
3. highlight.js
Highlight.js是Web的语法突出显示库。它的功能包括对185种语言和89种样式的支持。它具有自动语言检测和多语言代码突出显示功能。它也可用于所有node.js,并可以与任何标记一起使用,并且与任何其他JS框架完全兼容。
https://github.com/highlightjs/highlight.js
![专为开发者准备的10个最佳JavaScript语法高亮库](https://s4.51cto.com/oss/201911/18/55231934ed75462fc89a9ed4f91d1ba3.jpeg)
4. Rainbow
Rainbow是一个轻量级的代码突出显示器(1.4kb),只需要一个JS模块即可突出显示所展示的语言。颜色和字体是通过CSS主题支持定制的。通过按快捷键组合,它可以帮助开发人员轻松按颜色跟踪许多变量。
https://github.com/ccampbell/rainbow
![专为开发者准备的10个最佳JavaScript语法高亮库](https://s5.51cto.com/oss/201911/18/5db7292f6427c4aee4100dd31dd6e73d.jpeg)
5. Microlight.js
Microlight.js是一个开源库,通过突出显示(尽管提供了编程语言)并且没有其他语言包或样式来改进代码段。与其他代码突出显示库不同,它使用常规突出显示策略。它突出显示代码,而不考虑编程语言或代码结构。
https://github.com/asvd/microlight
![专为开发者准备的10个最佳JavaScript语法高亮库](https://s2.51cto.com/oss/201911/18/7189f3610f10bd4952af037be82a29be.jpeg)
6. CodePress
CodePress是一个基于Web的编辑器,其语法突出显示代码是用JavaScript编写的。在浏览器上输入文字时,它将实时为文本着色。它具有代码片段,快捷方式,自动完成和多窗口功能。
http://codepress.sourceforge.net/
![专为开发者准备的10个最佳JavaScript语法高亮库](https://s4.51cto.com/oss/201911/18/0a76ba6315cd404109443a11d9fc5d13.jpeg)
7. Jush JavaScript Syntax Highlighter
JavaScript Syntax Highlighter(Jush)用于以以下语言突出显示客户端语法:HTML,JavaScript,CSS,PHP,HTTP和SMTP协议,SQL,PHP.ini和Apache配置。
https://jush.sourceforge.io/
![专为开发者准备的10个最佳JavaScript语法高亮库](https://s1.51cto.com/oss/201911/18/0c99ad4bedcd01f1eec99e06f01dbb9e.jpeg)
8. Prism.js
Prism.js是一个轻量级的语法突出显示工具,它考虑了可扩展的内置现代Web标准。如今,它已在数千个网站中实现。它简单,直观,轻如羽毛,高度可扩展,更快且易于样式化。
https://prismjs.com/
![专为开发者准备的10个最佳JavaScript语法高亮库](https://s5.51cto.com/oss/201911/18/2c9ad0a5fe8f751c87d131b58a453132.jpeg)
9. Syntax.js
Syntax.js是一个简单的代码语法突出显示库,对于任何编程语言而言,该语法都很小,灵活,主题化且速度更快,它有三个内置主题:
https://github.com/rainner/syntaxy-js
![专为开发者准备的10个最佳JavaScript语法高亮库](https://s2.51cto.com/oss/201911/18/a24867d9c8f12fb9b12eecdb2719f844.jpeg)
10. CodePrinter
CodePrinter是一个JavaScript可视代码编辑器,它支持语法突出显示,自定义代码格式以及13种内置主题。
https://www.cssscript.com/demo/lightweight-code-editor-with-pure-javascript-codeprinter/
![专为开发者准备的10个最佳JavaScript语法高亮库](https://s3.51cto.com/oss/201911/18/2c44fa72608452160689c90cb51ebd1e.jpeg)
相关文章
- 前端面试 【JavaScript】— typeof 是否能正确判断类型?
- 前端面试 【JavaScript】— instanceof 能否判断基本数据类型?
- 前端面试 【JavaScript】— 能不能手动实现一下 instanceof 的功能?
- 前端面试 【JavaScript】— Object.is和=== 有什么区别?
- 前端面试 【JavaScript】— JS中类型转换有哪几种?
- 前端面试 【JavaScript】— == 和 ===有什么区别?
- 前端面试 【JavaScript】— 对象转原始类型是根据什么流程运行的?
- JavaScript 的 parseInt() 函数
- javascript实现两个数字进行组合
- JS监听键盘按键
- 大前端开发中的路由管理之五:Flutter篇
- Javascript的DOM操作
- 在Vue项目中使用WebSocket技术
- 新手向:前端程序员必学基本技能——调试JS代码
- React 毁了 Web 开发!
- 「JS 逆向百例」cnki 学术翻译 AES 加密分析
- 商标注册域名后缀用什么?商标和域名有哪些区别?
- 网站建设流程是怎样的?需要看重哪些细节?
- 网站域名商标注册流程是什么?网站域名商标有什么用?
- 如何建设一个实用性强的网站 网站上线后如何运营