React Highlight CodeBlock

Syntax highlighting component based on react-syntax-highlighter development.

Install

npm install react-highlight-codeblock --save

Usage

import CodeBlock from 'react-highlight-codeblock'

Syntax highlighting of single code snippet

<CodeBlock
    code={strCode}
    callback={code => console.log(code)}
    editer={true}
    language="html"
    style="monokai"
    showLineNumbers={false}
/>

props

• code - code snippet presentation and editing.
• editer - default to false, is it editable.
• style - the style to highlight code in. Available options here for hljs.do not use the default style.
• language - the language to highlight code in. Available options here for hljs .
• callback is used with the editer attribute as a post-edit callback function.
• showLineNumbers if this is enabled line numbers will be shown next to the code block.