15 most popular code syntax highlighting tools in 2016, beautifying your code _ javascript skills

Source: Internet
Author: User
Tags mootools
Code highlighting and syntax highlighting are important to the entire program. They can give people a bright impression and increase user experience, this article will introduce the most popular Javascript code highlighting and display script and code syntax highlighting tools in 2016. If you are interested in js Code highlighting and code syntax highlighting, let's take a look. Preface:

Code highlighting is useful, especially when you need to display your own code on a website or blog, or when you want to view or debug syntax errors for others. We can highlight the code so that readers can easily read the code block and improve the user's good experience in reading the code.

Syntax highlighting is used by the text editor to display text, especially the source code. Different colors and fonts are used for display based on different categories. This function helps you to write structured languages, such as programming languages and Markup languages. syntax error display for these languages is different. Syntax highlighting does not affect the meaning of the text itself, and can well meet people's reading habits.

Currently, there are many free and useful code highlighting scripts. These scripts are mostly written in Javascript, and some are written in other languages (such as java, Phyton, or Ruby.

Next we recommend the nine most popular and practical Javascript code highlighting scripts.

1. SyntaxHighlighter

I believe this is the most common code highlight code. It supports multiple languages, and if the language you use is not supported by default, you can easily create a new "brush ".


2. SHJS

SHJS is short for Syntax Highlighting in Javascript. It comes from the GNU source code highlighted language. And supports many programming languages. SHJS supports mainstream browsers such as Firefox 2 +, IE 6 +, Opera 9.6 +, Safari 3.2, and Chrome 1.0 +.


3. beautyOfCode

BeautyOfCode is a jQuery code highlight plug-in. It uses SyntaxHighlighter scripts and makes them better compatible with XHTML.


4. Chili

Chili is a jQuery code highlighting plug-in. It is bundled with support in many languages and supports multiple setting options.


5. Lighter. js

Lighter. js is a free MooTools code highlighting plug-in. Using lighter. js is as simple as simply adding a simple script to your page.


6. Highlight. js

Highlight. js is a very easy-to-use highlight script that supports multiple programming languages. It also has some useful plug-ins that can be easily deployed to other CMS, forums, or blogs.


7. DlHighlight

DlHighlight is a simple code highlighting script that supports only four programming languages: JavaScript, CSS, XML, and HTML.


8. Google Code pret.pdf

Google Code Prettify has a JavaScript model and CSS file that supports syntax highlighting on HTML pages.


9. JUSH

JUSH is another jQuery syntax highlighting plug-in that supports multiple programming languages, such as HTML, CSS, PHP, PY, and SQL.


The above summarizes nine useful scripts for highlighted javascript code. In short, you should select the one that suits your needs.

We will share with you 15 code syntax highlighting tools to beautify your code.

Syntax highlighting is used by the text editor to display text, especially the source code. Different colors and fonts are used for display based on different categories. This function helps you to write structured languages, such as programming languages and Markup languages. syntax error display for these languages is different. Syntax highlighting does not affect the meaning of the text itself, and can well meet people's reading habits.

Syntax highlighting also helps developers quickly find errors in their programs. For example, most editors highlight string constants in different colors. Therefore, it is easy to find whether delimiters are omitted because they are different from other text colors.

There are various syntax highlighting tools available for formatting languages and highlighting based on different programming languages. Whether it is an HTML page, PHP, Ruby, Python, or ASP. In this article, we will introduce 15 of the best code syntax highlighting tools to help you present code snippets in a more fascinating way. Enjoy!

Prism

Prism is a lightweight and scalable syntax coloring tool that complies with Web standards. It is only 1.5KB after compression and is very easy to use. You only need to insert a CSS and JS file.

GeSHi

GeSHi (Generic Syntax Highlighter) is used to highlight various source codes on the HTML page. Supports more than 60 languages: PHP, HTML, C, Java, Java5, C #, Actionscript, Delphi, C ++, Groovy, Javascript, Perl, PL/SQL, Ruby, Python, SQL, XML, etc, it is easy to integrate into systems such as Dokuwiki, Mambo, phpBB, WordPress, and WikkaWiki.

Rainbow

Rainbow is a lightweight JavaScript library that coloring code syntax. It is only 1.4kb in size. Easy to use, scalable, and style display completely through CSS. Supports custom color and font for CSS themes.


Highlight. js

Highlight. js is a JS project used to color and display various sample source code syntaxes on any web page. Supports 26 code formatting styles, 54 Languages:-1C, AVR Assembler, Apache, Axapta, Bash, C #, C ++, CSS, and DOS. bat, Delphi, Django, HTML, XML, Ini, Java, Javascript, Lisp, MEL (Maya Embedded Language), PHP, Perl, Python, Python profile, RenderMan (RIB, RSL), Ruby, SQL, Smalltalk, VBScript, and more.

Quick Highlighter

This is an online code highlighting tool that provides highlighting in multiple programming languages. You can use several options to highlight different types of code.

Google Code pretworkflow

This is a JavaScript module and CSS file that allows source code syntax highlighting in an HTML file. It supports embedded links and row numbers in the code. It is widely used and supports cross-browser. It was unanimously recognized by code.google.com and stackoverflow.com.

Snippet

Snippet is a jQuery syntax highlighting plug-in built in the SHJS script. Snippet provides a quick and simple way to highlight HTML document code. It supports 15 popular languages and 39 unique syntax highlighting styles.

CodePress

CodePress is a web-based source code editor that can highlight code in real time when coding JavaScriptis code in a browser.

JavaScript Syntax Highlighter

JavaScript Syntax Highlighter is a client code highlighting tool that supports HTML, CSS, JavaScript, PHP, SQL, HTTP and SMTP protocols, php. ini and Apache configuration, supports all mainstream browsers: Internet Explorer, Firefox, Opera and Google Chrome. JUSH is also a jQuery and WordPress plugin.

Chili

Chili is a jQuery code highlighting plug-in that allows you to quickly highlight code. It is easy to set up, completely customized, and has complete documentation.
Supported languages include: C ++, C #, CSS, Delphi, Java, JavaScript, LotusScript, MySQL, PHP, and XHTM. Supported browsers include Internet Explorer, Firefox, opera and Safari.


Pygments

Pygments is a general code syntax highlighting tool. Many common software uses this tool, such as the Forum system, wikis, or other applications that require code beautification. Pygments supports a wide range of programming languages and a large number of output formats, including HTML, RTF, LaTeX, and ANSI sequences.


Ultraviolet

Ultraviolet is a code syntax highlighting Engine Based on Textpow. Since the Textmate syntax highlighting file is used, it supports syntax highlighting in more than 50 languages and 20 different themes, and is out-of-the-box.

Lighter

Lighter is a free MooTools code highlighting plug-in. Using lighter. js is as simple as simply adding a simple script to your page.

BeautyOfCode

This is a jQuery syntax highlighting plug-in. It uses SyntaxHighlighter of Alex Gorbatchev, but this plug-in is compatible with xhtml syntax.


SyntaxHighlighter

SyntaxHighlighter is a fully functional, independent code syntax highlighting tool written in JavaScript. It has been unanimously recognized and used by Apache, Aptana, Mozilla, Yahoo, Wordpress, Bug Labs, and Freshbooks.
SyntaxHighlighter allows you to insert color code snippets on web pages without relying on any server scripts.

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.