2014 Most Popular JavaScript code highlight plug-in recommendation _ javascript skills

This article recommends the seven most popular JavaScript code highlighting plug-ins this year. Each has its own advantages and disadvantages. Based on the introduction below, select the one that best suits you. For those who like to write technical blogs, they must be very familiar with the code highlighting component. An excellent JavaScript code highlighting plug-in will help you render any programming language, including the coloring of some keywords and indentation of each line of code. Today, we are going to share some high-performance JavaScript code highlighting plug-ins. These JavaScript code highlighting plug-ins can effectively help you edit and display code on the web page.

1. SyntaxHighlighter-the best JavaScript code highlighting plug-in

SyntaxHighlighter is a fully JavaScript-based code highlighting plug-in. SyntaxHighlighter can color and render most programming languages, and the code highlighting performance is also very good. SyntaxHighlighter can be used to customize the theme file. You can specify your favorite theme during initialization.

Http://alexgorbatchev.com/SyntaxHighlighter/

2. Google Code pretplugin-freely JavaScript Code highlighting plug-in

Google Code pretplugin is a JavaScript Code highlighting plug-in launched by Google. Google Code pretplugin can be used to parse C/C ++, Java, Python, Ruby, PHP, VisualBasic, AWK, Bash, SQL, HTML, XML, CSS, JavaScript, Makefiles, and some Perl programming language code are highlighted.

Http://code.google.com/p/google-code-prettify/

3. Highlight. js-Multi-style JavaScript code highlighting plug-in

Highlight. js is a JavaScript project used to highlight and color various sample source code syntaxes on any web page. It has the following features:

• Supports 92 languages and 49 Code formatting styles.
• Automatic detection of language types
• Supports multi-language mixed code highlighting
• Support for Node. js
• Support for any HTML Tag
• Compatible with any js framework

  Https://highlightjs.org/

  4. Prism. JS-lightweight JavaScript code highlighting plug-in

  Prism. javaScript is currently the most lightweight JavaScript code highlighting plug-in. It is only 2 kb after compression, Prism. JS also supports most popular programming languages and multiple theme styles. Developers only need to reference CSS files and JS files.

  Http://prismjs.com/

  5. jQuery. Syntax-jQuery lightweight code highlight plug-in

  This code highlight plug-in is based on jQuery, and is also lightweight, rendering speed is very fast. At the same time, jQuery. Syntax also has wordpress plug-in applications. For individual bloggers, using wordpress and jQuery. Syntax can perfectly realize the 0-buy highlight function.

  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. It is very simple and currently only supports JavaScript, CSS, XML, and HTML.

  Http://mihai.bazon.net/projects/javascript-syntax-highlighting-engine

  7. Rainbow. js-extensible JavaScript code highlighting plug-in

  Rainbow is a syntax highlighting tool developed by JavaScript. Designed to be lightweight (only 1.4 kb after compression), easy to use and scalable. The syntax highlighted topic is completely defined by CSS. Implemented based on regular expressions.

  Http://craig.is/making/rainbows

  These JavaScript code highlighting plug-ins are commonly used. If you have better code highlighting plug-ins, please let us know.

Summary:

The most suitable for you is the best, so sorting in this article does not represent the most recommended, you should choose according to your project needs.