Socket
Socket
Sign inDemoInstall

highlightjs-redbol

Package Overview
Dependencies
0
Maintainers
1
Versions
11
Alerts
File Explorer

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

    highlightjs-redbol

Red & Rebol syntax highlighting plugin for highlight.js


Version published
Weekly downloads
51
decreased by-30.14%
Maintainers
1
Created
Weekly downloads
 

Readme

Source

Rebol & Red language grammar for highlight.js(11.9.0)

version license minified size

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

Keywords

FAQs

Last updated on 21 Dec 2023

Did you know?

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc