The Internet's favorite JavaScript syntax highlighter supporting Node.js and the web.

  • one hundred and ninety-two languages and four hundred and ninety-six themes
  • Automatic language detection
  • Works with any HTML markup
  • Zero dependencies
  • Compatible with any JS framework
  • Supports Node.js and Deno

Current release: 11.9.0

 #!/ bin/bash

 ###### CONFIG ACCEPTED_HOSTS= "/root/.hag_accepted.conf" BE_VERBOSE= false

 if [ " $UID " -ne 0 ] then
  echo  "Superuser rights required"
  exit two fi

 genApacheConf (){ echo -e "# Host ${HOME_DIR} $1 / $2 :" } echo  '"quoted"' | tr -d \" > text.txt Language: Bash

Trusted by

  •  Stack Overflow
  •  Discord

Usage

highlight.js can be used in different ways such using CDNs, hosting the bundle yourself, as a Vue plug-in, as ES6 modules, with Node.js, and web workers.

See our README on GitHub for more details.

As a Module

Highlight.js can be used with Node on the server. The first step is to install the package from npm :

 npm install highlight.js # or yarn add highlight.js Language: Bash

Now, it's possible to use the library using either require or import . By default, when you import the main package, all 192 languages will be loaded automatically.

 // Using require
 const hljs = require ( 'highlight.js' ); // Using ES6 import syntax
 import hljs from  'highlight.js' ; Language: JavaScript

However, importing all our languages will increase the size of your bundle. If you only need a few languages, you can import them individually:

 // Using require
 const hljs = require ( 'highlight.js/lib/core' ); // Load any languages you need hljs. registerLanguage ( 'javascript' , require ( 'highlight.js/lib/languages/javascript' )); Language: JavaScript
 // Using ES6 import syntax
 import hljs from  'highlight.js/lib/core' ; import javascript from  'highlight.js/lib/languages/javascript' ; // Then register the languages you need hljs. registerLanguage ( 'javascript' , javascript); Language: JavaScript

And finally, regardless of how you imported the library, you can highlight code with the highlight or highlightAuto functions:

 const highlightedCode = hljs. highlight ( '<span>Hello World!</ span>' , { language : 'xml' } ). value Language: JavaScript

For more details, see the "Importing the Library" section of our README .

As HTML Tags

 < link  rel = "stylesheet"  href = " https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/default.min.css " >
 < script  src = " https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js " > </ script >

 <!--  and it's easy to individually load additional languages -->
 < script  src = " https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/languages/go.min.js " > </ script >

 < script > hljs.highlightAll(); </ script > Language: HTML, XML

This will find and highlight code inside <pre><code> tags; it tries to detect the language automatically. If automatic detection does not work for you, you can specify the language in the class attribute:

 < pre > < code  class = "language-html" > ... </ code > </ pre > Language: HTML, XML