18 lines
503 B
JavaScript
18 lines
503 B
JavaScript
|
import React from 'react';
|
||
|
|
import CommonMark from 'commonmark';
|
||
|
|
import ReactRenderer from'commonmark-react-renderer';
|
||
|
|
|
||
|
|
const parser = new CommonMark.Parser();
|
||
|
|
const renderer = new ReactRenderer();
|
||
|
|
|
||
|
|
export default class MarkdownPreview extends React.Component {
|
||
|
|
render() {
|
||
|
|
const { value } = this.props;
|
||
|
|
console.log(value);
|
||
|
|
if (value == null) { return null; }
|
||
|
|
|
||
|
|
const ast = parser.parse(value);
|
||
|
|
return React.createElement.apply(React, ['div', {}].concat(renderer.render(ast)));
|
||
|
|
}
|
||
|
|
}
|