Add support for variables in code run blocks

Author: Javier Cubides

index.js

@@ -23,7 +23,12 @@ module.exports = function (content) {
         .replace(/>/g, '>')
         .replace(/(\n)/g, '{"\\n"}');
 
-      exampleSource = codeElement.replace(/(\n)/g, '{"\\n"}');
+      exampleSource = codeElement
+        .replace(/{/g, '{"{"{')
+        .replace(/}/g, '{"}"}')
+        .replace(/{"{"{/g, '{"{"}')
+        .replace(/class=/g, 'className=')
+        .replace(/(\n)/g, '{"\\n"}');
 
       return `
       <div className="example">

package.json

@@ -1,10 +1,11 @@
 {
   "name": "react-markdown-loader",
-  "version": "1.0.8-alpha",
+  "version": "1.0.9-alpha",
   "description": "Webpack loader to render React Components from markdown",
   "main": "index.js",
   "scripts": {
-    "test": "./tests/*.js"
+    "test": "./tests/*.js",
+    "lint": "eslint ./index.js"
   },
   "repository": {
     "type": "git",