Usage
Simply include the Highlight.js library in your webpage or Node app, then load this module.
Static website or simple usage
Simply load the module after loading Highlight.js. You'll use the minified version found in the dist
directory. This module is just a CDN build of the language, so it will register itself as the Javascript is loaded.
<link rel="stylesheet" href="/path/to/styles/default.min.css">
<script src="/path/to/highlight.min.js"></script>
<script src="/path/to/redbol.min.js"></script>
<script>hljs.highlightAll();</script>
<pre><code class="language-rebol">...</code></pre>
Using directly from the UNPKG CDN
<script src="https://unpkg.com/highlightjs-redbol@2.0.2/dist/redbol.min.js"></script>
With Node or another build system
If you're using Node / Webpack / Rollup / Browserify, etc, simply require the language module, then register it with Highlight.js.
var hljs = require('highlight.js');
var hljsRedbol = require('highlightjs-redbol');
hljs.highlightAll();
React
You need to import both Highlight.js and third-party language like Redbol:
import React, {Component} from 'react'
import 'highlight.js/scss/darcula.scss' # your favourite theme
import hljs from 'highlight.js'
import redbol from './redbol'
class Highlighter extends Component
{
constructor(props)
{
super(props);
hljs.highlightAll();
}
render()
{
let {children} = this.props;
return
{
<pre ref={(node) => this.node = node}>
<code className="rebol">
{children}
</code>
</pre>
}
}
}
export default Highlighter;
License
Highlight.js is released under the CC0 1.0 License. See LICENSE file
for details.
Author & Maintainer
Oldes oldes.huhuman@gmail.com
Links