7个高性能JavaScript代码高亮插件

澳门新葡亰3522平台游戏 6

本文由码农网 –
小峰原创,转载请看清文末的转载要求,欢迎参与我们的付费投稿计划!

  对于喜欢写技术博客的同学来说,一定对代码高亮组件非常熟悉。一款优秀的JavaScript代码高亮插件,将会帮助你渲染任何一种编程语言,包括一些关键字的着色,以及每行代码的缩进等。今天我们要来分享一些高性能的JavaScript代码高亮插件,这些JavaScript代码高亮插件将非常有效地帮你实现在网页上的代码编辑和展示。

对于喜欢写技术博客的同学来说,一定对代码高亮组件非常熟悉。一款优秀的JavaScript代码高亮插件,将会帮助你渲染任何一种编程语言,包括一些关键字的着色,以及每行代码的缩进等。今天我们要来分享一些高性能的JavaScript代码高亮插件,这些JavaScript代码高亮插件将非常有效地帮你实现在网页上的代码编辑和展示。

 1、SyntaxHighlighter – 最优秀的JavaScript代码高亮插件

  SyntaxHighlighter
是一款完全基于JavaScript的代码高亮插件,SyntaxHighlighter
可以对大部分编程语言进行着色渲染,而且代码高亮的性能也非常不错。SyntaxHighlighter
可以自定义主题文件,在初始化的时候指定自己喜欢的主题即可。

澳门新葡亰3522平台游戏 1

  官方网站:

1、SyntaxHighlighter – 最优秀的JavaScript代码高亮插件

SyntaxHighlighter
是一款完全基于JavaScript的代码高亮插件,SyntaxHighlighter
可以对大部分编程语言进行着色渲染,而且代码高亮的性能也非常不错。SyntaxHighlighter
可以自定义主题文件,在初始化的时候指定自己喜欢的主题即可。

澳门新葡亰3522平台游戏 2

官方网站:

 2、Google Code Prettify – 自由地JavaScript代码高亮插件

  Google Code
Prettify是一款由Google推出的JavaScript代码高亮插件,Google Code
Prettify可以对C/C++, Java, Python, Ruby, PHP, VisualBasic, AWK, Bash,
SQL, HTML, XML, CSS, JavaScript,
Makefiles和部分Perl编程语言代码高亮着色。

澳门新葡亰3522平台游戏 3

  官方网站:

2、Google Code Prettify – 自由地JavaScript代码高亮插件

Google Code Prettify是一款由Google推出的JavaScript代码高亮插件,Google
Code Prettify可以对C/C++, Java, Python, Ruby, PHP, VisualBasic, AWK,
Bash, SQL, HTML, XML, CSS, JavaScript,
Makefiles和部分Perl编程语言代码高亮着色。

澳门新葡亰3522平台游戏 4

官方网站:

 3、Highlight.js – 多风格JavaScript代码高亮插件

  highlight.js是一个用于在任何web页面上高亮着色显示各种示例源代码语法的JavaScript项目。具有以下特色:

  • 支持 92 种语言,49 种代码格式化风格。
  • 自动检测语言种类
  • 支持多语言混合的代码高亮
  • 支持Node.js
  • 支持使用任何HTML标记
  • 兼容任意js框架

澳门新葡亰3522平台游戏 5

  官方网站:

3、Highlight.js – 多风格JavaScript代码高亮插件

highlight.js是一个用于在任何web页面上高亮着色显示各种示例源代码语法的JavaScript项目。具有以下特色:

  • 支持 92 种语言,49 种代码格式化风格。
  • 澳门新葡亰3522平台游戏,自动检测语言种类
  • 支持多语言混合的代码高亮
  • 支持Node.js
  • 支持使用任何HTML标记
  • 兼容任意js框架

澳门新葡亰3522平台游戏 6

官方网站:

 4、Prism.JS – 轻量级JavaScript代码高亮插件

  Prism.JS是目前最为轻量级的JavaScript代码高亮插件,他压缩后只有2KB的大小,Prism.JS也支持大部分流行的编程语言,并且支持多种主题样式,开发者只需要引用CSS文件和JS文件即可完成。

澳门新葡亰3522平台游戏 7

  官方网站: