7 High-performance JavaScript code highlighting plugins

Source: Internet
Author: User

This article by the code Farm-small peak original, reproduced please see the text at the end of the reprint requirements, welcome to participate in our paid contribution program!

For those who like to write technical blog, must be very familiar with the code highlighting components. An excellent JavaScript code highlighting plugin will help you render any programming language, including coloring of some keywords, indentation of each line of code, and so on. Today we are going to share some high-performance JavaScript code highlighting plugins that will be very effective in helping you to edit and display code on the Web.

1. syntaxhighlighter– best JavaScript code highlighting plugin

Syntaxhighlighter is a fully JavaScript-based code highlighting plug-in that Syntaxhighlighter can render to most programming languages, and the performance of code highlighting is very good. Syntaxhighlighter can customize theme files and specify your favorite themes 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 on C + +, 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 plugin

Highlight.js is a JavaScript project that displays various sample source code syntax for high-gloss shading on any Web page. Has the following characteristics:

    • Support 92 languages, 49 kinds of code formatting style.
    • Automatic detection of language types
    • Support for multi-language mixed code highlighting
    • Support for node. js
    • Support for using any HTML tags
    • 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-in, he compressed only 2KB size, Prism.js also support most popular programming languages, and support a variety of theme styles, developers only need to reference CSS files and JS files to complete.

Official website: http://prismjs.com/

5. Jquery.syntax–jquery Lightweight Code highlighting plugin

This code highlighting plugin is based on jquery, which is also lightweight and renders very fast. At the same time Jquery.syntax also has WordPress plug-in application, for the individual bloggers, using WordPress and Jquery.syntax can be perfect to achieve 0-generation buy highlighting function.

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

6, Dlhighlight–jquery Simple and efficient code highlighting plugin

Dlhighlight is a JavaScript-based code highlighting plugin that is very simple and 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), easy to use and extensible. The syntax highlighting theme is 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 plugin, please let us know.

This article link: http://www.codeceo.com/article/7-javascript-highlighte-plugin.html
This Article code rural network – Xiao Feng
[ original works, reproduced must be in the text to mark and retain the original link and the author and other information. ]

7 High-performance JavaScript code highlighting plugins

Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.