1.1.1 • Published 7 years ago
react-syntax-highlight.js v1.1.1
react-highlight
React component for syntax highlighting
JS Bin Demo
http://jsbin.com/bibaqu/edit?js,output
Change Log
Please see CHANGELOG.
Installation
$ npm install --save react react-dom # peer dependencies
$ npm install --save react-syntax-highlight
Usage
Highlight Theme
include a highlight.js theme in your HTML file
<link rel='stylesheet' href='https://highlightjs.org/static/demo/styles/default.css'/>
<link rel='stylesheet' href='https://highlightjs.org/static/demo/styles/xxxx.css'/>
or if you're using webpack
, you can require themes like is:
require('highlight.js/styles/default.css');
require('highlight.js/styles/xxxx.css');
see all the highlight theme here
React Part
var Highlight = require('react-syntax-highlight');
<Highlight lang={language} value={content} />
License
MIT