Output code tag around pre. Closes #181

2016-12-02 19:53:39 -02:00 · 2016-12-02 19:53:39 -02:00 · 4f6f4bfae9
commit 4f6f4bfae9
parent db58c1216b
1 changed files with 5 additions and 2 deletions
--- a/src/components/MarkupItReactRenderer/index.js
+++ b/src/components/MarkupItReactRenderer/index.js
@ -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',