md2react
npm install --save md2react
Example
globalReact = ;var md2react = ; var md = '# Hello md2react';var html = React; /*<div data-reactid=".14qrwokr3sw" data-react-checksum="20987480"><h1 data-reactid=".14qrwokr3sw.$_start_root_0_heading"><span data-reactid=".14qrwokr3sw.$_start_root_0_heading.0">Hello md2react</span></h1></div>'//'<div data-reactid=".58nba97pxc" data-react-checksum="-55236619"><h1 data-reactid=".58nba97pxc.0"><span data-reactid=".58nba97pxc.0.0">Hello</span></h1></div>'*/
Checklist
Compiled elements are given checked/unchecked class if bullet has checkbox.
var md = '- [x] a\n- [ ] b\n- c';var html = React;
abc
Write your checklist style
API
md2react(markdown: string , mdastOptionsWithSanitize: Object): ReactElement
See mdast detail in wooorm/mdast
And sanitize: true
uses dompurify to raw html input(examle, <span onload='alert(1)'></span>
)
ChangeLog
v0.5.1
- Support table align
v0.5.0
- Update mdast to 0.12.0
- Fix table align
LICENSE
MIT