7 High performance JavaScript code highlighting Plug-ins

&http://www.aliyun.com/zixun/aggregation/37954.html ">nbsp; For students who like to write technical blogs, you must be familiar with the code highlighting component. A good JavaScript code highlighting plug-in will help you render any programming language, including the coloring of some keywords, as well as the indentation of each line of code. Today we're going to share some of the high-performance JavaScript code highlighting plug-ins that will be very effective in helping you implement code editing and presentation on a Web page.

1, syntaxhighlighter– best JavaScript code highlighting plugin

Syntaxhighlighter is a completely JavaScript-based code highlighting, Syntaxhighlighter can render to most programming languages, and the code highlighting performance is also very good. Syntaxhighlighter can customize theme files, and specify your favorite topics when initializing.

Official website: http://alexgorbatchev.com/SyntaxHighlighter/

2, Google code prettify– free JavaScript code highlighting plugin

Google Code prettify is a Google-launched JavaScript code highlighting plug-in, Google code prettify can be for C/s, Java, Python, Ruby, PHP, visual, AWK, Bash, SQL, HTML, XML, CSS, JavaScript, makefiles, and some Perl programming language code highlight coloring.

Official website: http://code.google.com/p/google-code-prettify/

3, highlight.js– multi-style JavaScript code highlighting plugin

Highlight.js is a JavaScript project used to highlight the various sample source code syntax on any Web page. Has the following characteristics:

supports 92 languages and 49 code formatting styles. Automatic detection of language types support for multi-language mixed code highlighting support Node.js supports the use of any HTML tag compatible with any JS frame

Official website: https://highlightjs.org/

4, Prism.js-Lightweight JavaScript code highlighting plugin

Prism.js is currently the most lightweight JavaScript code highlighting plug-ins, he compressed only 2KB size, Prism.js also support the majority of popular programming languages, and support a variety of theme styles, developers only need to refer to CSS files and JS file can be completed.

Official website: http://prismjs.com/

5, Jquery.syntax–jquery Lightweight code highlighting plugin

This code highlighting plugin is based on jquery and is also lightweight and renders very quickly. At the same time Jquery.syntax also has WordPress plug-in application, for personal bloggers, using WordPress and Jquery.syntax can be perfect to achieve 0 generation of the highlight feature.

Official website: http://www.codeotaku.com/projects/jquery-syntax/index.en

6, Dlhighlight–jquery Simple and efficient code highlighting plug-in

Dlhighlight is a JavaScript-based code highlighting plug-in, very simple, currently only supports JavaScript, CSS, XML, HTML.

Official website: http://mihai.bazon.net/projects/javascript-syntax-highlighting-engine

7, rainbow.js– extensible JavaScript code highlighting plugin

Rainbow is a syntax highlighting tool developed by JavaScript. Designed to be lightweight (only 1.4 KB after compression), simple to use and extensible. Syntax highlighting topics are completely defined by CSS. Implemented based on regular expressions.

Official website: http://craig.is/making/rainbows

These JavaScript code highlighting plug-ins are more commonly used, if you have a better code highlighting Plug-ins, welcome to tell us.