From 4f6f4bfae9fdcebc9ca7d9b7064a2e314c6dd1dc Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?C=C3=A1ssio=20Zen?= <cassiozen@gmail.com>
Date: Fri, 2 Dec 2016 19:53:39 -0200
Subject: [PATCH] Output code tag around pre. Closes #181

---
 src/components/MarkupItReactRenderer/index.js | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/components/MarkupItReactRenderer/index.js b/src/components/MarkupItReactRenderer/index.js
index c87e8c1b..8fdfb485 100644
--- 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',
@@ -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;
     }