我的编程空间,编程开发者的网络收藏夹
学习永远不晚

JavaScript语法高亮库有哪些

短信预约 -IT技能 免费直播动态提醒
省份

北京

  • 北京
  • 上海
  • 天津
  • 重庆
  • 河北
  • 山东
  • 辽宁
  • 黑龙江
  • 吉林
  • 甘肃
  • 青海
  • 河南
  • 江苏
  • 湖北
  • 湖南
  • 江西
  • 浙江
  • 广东
  • 云南
  • 福建
  • 海南
  • 山西
  • 四川
  • 陕西
  • 贵州
  • 安徽
  • 广西
  • 内蒙
  • 西藏
  • 新疆
  • 宁夏
  • 兵团
手机号立即预约

请填写图片验证码后获取短信验证码

看不清楚,换张图片

免费获取短信验证码

JavaScript语法高亮库有哪些

这篇文章主要介绍“JavaScript语法高亮库有哪些”,在日常操作中,相信很多人在JavaScript语法高亮库有哪些问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”JavaScript语法高亮库有哪些”的疑惑有所帮助!接下来,请跟着小编一起来学习吧!

1.SHJS

SHJS是一个JavaScript库,可以在浏览器上突出显示客户端的HTML源代码。它使用GNU源代码突出显示的语言定义,从而使其能够突出显示以多种语言编写的源代码。SHJS带有Highlight程序中的几个主题,并根据GNU  v3许可证分发。

http://shjs.sourceforge.net/

JavaScript语法高亮库有哪些

2. SyntaxHighlighter

SyntaxHighlighter是功能齐全的客户端语法突出显示工具。

https://github.com/syntaxhighlighter

JavaScript语法高亮库有哪些

3. highlight.js

Highlight.js是Web的语法突出显示库。它的功能包括对185种语言和89种样式的支持。它具有自动语言检测和多语言代码突出显示功能。它也可用于所有node.js,并可以与任何标记一起使用,并且与任何其他JS框架完全兼容。

https://github.com/highlightjs/highlight.js

JavaScript语法高亮库有哪些

4. Rainbow

Rainbow是一个轻量级的代码突出显示器(1.4kb),只需要一个JS模块即可突出显示所展示的语言。颜色和字体是通过CSS主题支持定制的。通过按快捷键组合,它可以帮助开发人员轻松按颜色跟踪许多变量。

https://github.com/ccampbell/rainbow

JavaScript语法高亮库有哪些

5. Microlight.js

Microlight.js是一个开源库,通过突出显示(尽管提供了编程语言)并且没有其他语言包或样式来改进代码段。与其他代码突出显示库不同,它使用常规突出显示策略。它突出显示代码,而不考虑编程语言或代码结构。

https://github.com/asvd/microlight

JavaScript语法高亮库有哪些

6. CodePress

CodePress是一个基于Web的编辑器,其语法突出显示代码是用JavaScript编写的。在浏览器上输入文字时,它将实时为文本着色。它具有代码片段,快捷方式,自动完成和多窗口功能。

http://codepress.sourceforge.net/

JavaScript语法高亮库有哪些

7. Jush JavaScript Syntax Highlighter

JavaScript Syntax  Highlighter(Jush)用于以以下语言突出显示客户端语法:HTML,JavaScript,CSS,PHP,HTTP和SMTP协议,SQL,PHP.ini和Apache配置。

https://jush.sourceforge.io/

JavaScript语法高亮库有哪些

8. Prism.js

Prism.js是一个轻量级的语法突出显示工具,它考虑了可扩展的内置现代Web标准。如今,它已在数千个网站中实现。它简单,直观,轻如羽毛,高度可扩展,更快且易于样式化。

https://prismjs.com/

JavaScript语法高亮库有哪些

9. Syntax.js

Syntax.js是一个简单的代码语法突出显示库,对于任何编程语言而言,该语法都很小,灵活,主题化且速度更快,它有三个内置主题:

https://github.com/rainner/syntaxy-js

JavaScript语法高亮库有哪些

10. CodePrinter

CodePrinter是一个JavaScript可视代码编辑器,它支持语法突出显示,自定义代码格式以及13种内置主题。

https://www.cssscript.com/demo/lightweight-code-editor-with-pure-javascript-codeprinter/

JavaScript语法高亮库有哪些

到此,关于“JavaScript语法高亮库有哪些”的学习就结束了,希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习,快去试试吧!若想继续学习更多相关知识,请继续关注编程网网站,小编会继续努力为大家带来更多实用的文章!

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

JavaScript语法高亮库有哪些

下载Word文档到电脑,方便收藏和打印~

下载Word文档

猜你喜欢

vue中有哪些代码高亮插件

这篇文章给大家介绍vue中有哪些代码高亮插件,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。为什么要使用VueVue是一款友好的、多用途且高性能的JavaScript框架,使用vue可以创建可维护性和可测试性更强的代码库
2023-06-06

JavaScript Switch语句的用法有哪些

JavaScript的Switch语句用于根据不同的条件执行不同的操作。下面是Switch语句的用法:1. 基本用法:```javascriptswitch(expression) {case value1:// code blockbre
2023-09-05

vscode写vue没有高亮语法怎么办

解决方法:1、打开vscode,点击扩展功能;2、在打开的窗口中搜索并安装Vetur插件;3、在顶部菜单中,依次点击“文件”-“首选项”-“设置”-“用户”-“文本编辑器”,找到并编辑“setting.json”文件;4、在配置文件中找到“files.associations”,在里面添加相应代码,保存文件;5、重启vscode即可。
2023-05-14

如何用Google Code Prettify页面语法高亮JS库

本篇文章为大家展示了如何用Google Code Prettify页面语法高亮JS库,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。Google Code Pretiffy 是 Google 的一个用
2023-06-17

vscode写vue没有高亮语法如何解决

今天小编给大家分享一下vscode写vue没有高亮语法如何解决的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。解决方法:1、打
2023-07-04

有哪些C语言的高级用法

本篇内容主要讲解“有哪些C语言的高级用法”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“有哪些C语言的高级用法”吧!整形溢出和提升大部分 C 程序员都以为基本的整形操作都是安全的其实不然,看下面这
2023-06-16

JavaScript基础语法有哪些及怎么用

本篇内容主要讲解“JavaScript基础语法有哪些及怎么用”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“JavaScript基础语法有哪些及怎么用”吧!JavaScript 基本语法JS 与
2023-06-27

编程热搜

目录