Use runtime renderer in demo

bustle · Jul 8, 2015 · 8213e30 · 8213e30
1 parent 7bde2c7
commit 8213e30
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 1 deletion.
diff --git a/demo/demo.js b/demo/demo.js
@@ -7,6 +7,12 @@ var ContentKitDemo = exports.ContentKitDemo = {
     var codePaneJSON = document.getElementById('serialized-mobiledoc');
     var json = editor.serialize();
     codePaneJSON.innerHTML = this.syntaxHighlight(json);
+
+    var renderer = new ContentKit.Runtime.DOMRenderer();
+    var rendered = renderer.render(json);
+
+    $('#rendered-mobiledoc').empty();
+    $('#rendered-mobiledoc')[0].appendChild(rendered);
   },
 
   syntaxHighlight: function(json) {

diff --git a/demo/index.html b/demo/index.html
@@ -24,6 +24,9 @@ <h2>mobiledoc to load</h2>
 [
   [],
   [
+    [1, "H2", [
+      [[], 0, "hello world"]
+    ]],
     [1, "P", [
       [[], 0, "hello world"]
     ]]

diff --git a/src/js/index.js b/src/js/index.js
@@ -4,7 +4,8 @@ import {
   EmbedModel,
   Compiler,
   HTMLParser,
-  HTMLRenderer
+  HTMLRenderer,
+  Runtime
 } from 'content-kit-compiler';
 
 import Editor from './editor/editor';
@@ -16,6 +17,7 @@ const ContentKit = {
   Compiler,
   HTMLParser,
   HTMLRenderer,
+  Runtime,
   Editor
 };