/remark-react-lowlight

Syntax highlighting for remark-react through lowlight (MIT)

Primary LanguageJavaScriptMIT LicenseMIT

remark-react-lowlight - Syntax highlighting for remark-react through lowlight

Usage:

...

import remark from 'remark';
import reactRenderer from 'remark-react';
import RemarkLowlight from 'remark-react-lowlight';

import js from 'highlight.js/lib/languages/javascript';

import merge from 'deepmerge';
import sanitizeGhSchema from 'hast-util-sanitize/lib/github.json';

const schema = merge(sanitizeGhSchema, { attributes: { 'code': ['className'] } });

...
{remark().use(reactRenderer, {
  sanitize: schema,
  remarkReactComponents: {
    code: RemarkLowlight({
      js
    })
  }
}).process(readme).contents}
...

Contributors

  • Ryota - Fixed props for the lowlight component. #1

License

MIT.