2014 Top JavaScript code highlighting plug-ins recommended _javascript tips

For students who like to write technical blogs, it must be very 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– the best JavaScript code highlighting Plug-ins

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 Plug-ins

Google Code prettify is a Google-launched JavaScript code highlighting plug-in, Google code prettify can be for C/s, Java, Python, Ruby, PHP, VisualBasic, 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 plug-ins

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, 49 code formatting styles.
• Automatic detection of language types
• Support for multilingual blending of 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 Plug-ins

  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 Plug-ins

  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-ins

  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 Plug-ins

  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. Based on the regular expression implementation.

  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.

Summarize:

The most suitable for their own is the best, so the ranking of this article does not represent the most recommended, everyone or according to their own project needs to choose.