Handitab

Syntax Highlighter

Add syntax highlighting to code in 30+ languages, preview the colored result, and copy it as HTML with class names for your own page.

About Syntax Highlighter

Syntax highlighting colors source code by the role of each token, such as keywords, strings, numbers, and comments. This tool uses the highlight.js library (version 11.9), loaded from a CDN on first use, which can also guess the language from the code. The output is HTML in which each token is wrapped in a span with an hljs class name. To show colors on your own page, include a highlight.js theme stylesheet.

How to use Syntax Highlighter

  1. Type or paste into the "Code" box, or press "Use example" to try it with sample data.
  2. Set "Language" if the defaults do not fit.
  3. The result appears below and updates as you type.
  4. Copy the result with the copy button, or download it as a file where that is offered.

Questions about Syntax Highlighter

Why is the copied HTML not colored on my site?

The HTML only marks tokens with class names such as hljs-keyword. The colors come from a theme stylesheet. Add one of the highlight.js theme CSS files to your page, or write your own rules for those classes.

Runs in your browser. Page last updated .

More developer tools

All 41 developer tools
Token CounterEstimate how many tokens a text uses in a large language model from its character count, alongside exact character and word counts.Unix Timestamp ConverterConvert a Unix timestamp in seconds or milliseconds to a readable date, or a date to a timestamp, in local time, UTC, and ISO 8601.UUID GeneratorGenerate up to 1,000 random version 4 UUIDs or time-ordered version 7 UUIDs at once, in lowercase or uppercase, ready to copy.UUID v7 GeneratorGenerate time-ordered version 7 UUIDs that sort by creation time, up to 1,000 at once, from a millisecond timestamp plus random bits.VLSM CalculatorSplit an IPv4 network into subnets of different sizes with VLSM: enter the hosts needed per subnet and get each range and mask.XML FormatterFormat XML with two-space indentation and check that it is well-formed, with the parser error shown when a tag or attribute is broken.