All Projects → cloudhead → Hijs

cloudhead / Hijs

Licence: mit
simple & fast javascript syntax highlighting for the browser

Programming Languages

javascript
184084 projects - #8 most used programming language

hijs

hijs is a dead-simple syntax highlighter for JavaScript code on the browser.

By default, it highlights everything inside <code> blocks.

If you have command-line snippets, such as:

$ ls -l > /dev/null

it will skip those, cause they ain't no JavaScript.

usage

Put this at the end of your <body>:

<script src="hijs.js"></script>

If you would like to specify what gets highlighted, set the global hijs variable before you include the script:

window.hijs = '.highlight';

example

Code extract from http-console, highlighted by hijs:

screenshot

philosophy

hijs is a simple solution to a potentially complicated problem. It won't fit all your needs, but if what you're trying to achieve is simple enough, hijs might be the tool for you.

styling

hijs wraps tokens in <span> tags. You can style them like so:

code .keyword              { font-weight: bold }
code .string, code .regexp { color: green }
code .class, code .special { color: blue }
code .number               { color: pink }
code .comment              { color: grey }

more info

RTFC

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].