fkretzer/react-prism

React.js + prismjs syntax hightlight component

react-prism

React.js + Prism.js syntax highlight component

Installation

npm i --save react-prism

Demo

Static hosted demo site on GitHub.

Example

Check src/app folder.

Usage

This module is intended to be bundled with webpack/browserify.

First, you have to include prismjs in your index.html:

<script src="path/to/your/prism.js"></script>

Why not require Prism by CommonJS? It's because prism.js will try to run itself as a Web Worker. It won't take affect if we require it into the source.

Then:

import {PrismCode} from "react-prism";

  // In a react component:
  render () {
    return (
      <PrismCode className="language-javascript">
        {require("raw-loader!./PrismCode")}
      </PrismCode>
    );
  }

Credits

• prismjs