Output code tag around pre. Closes #181

This commit is contained in:
Cássio Zen 2016-12-02 19:53:39 -02:00
parent db58c1216b
commit 4f6f4bfae9

View File

@ -6,7 +6,10 @@ import registry from '../../lib/registry';
const defaultSchema = {
[BLOCKS.DOCUMENT]: 'article',
[BLOCKS.TEXT]: null,
[BLOCKS.CODE]: 'code',
[BLOCKS.CODE]: ({ token }) => {
const className = token.getIn(['data', 'syntax']) && `language-${ token.getIn(['data', 'syntax']) }`;
return <pre><code className={className} dangerouslySetInnerHTML={{ __html: token.get('tokens').map(token => token.text).join('') }} /></pre>;
},
[BLOCKS.BLOCKQUOTE]: 'blockquote',
[BLOCKS.PARAGRAPH]: 'p',
[BLOCKS.FOOTNOTE]: 'footnote',
@ -96,7 +99,7 @@ export default class MarkupItReactRenderer extends React.Component {
if (plugin) {
const output = plugin.toPreview(token.get('data').toJS());
return typeof output === 'string' ?
<span dangerouslySetInnerHTML={{ __html: output}} /> :
<span dangerouslySetInnerHTML={{ __html: output }} /> :
output;
}