diff --git a/demo/demo.js b/demo/demo.js index 95e1d42..0e6097b 100644 --- a/demo/demo.js +++ b/demo/demo.js @@ -10,7 +10,7 @@ document.addEventListener('DOMContentLoaded', function () { programmingLanguage: 'text/javascript' }, id: 'd4be36b0-d18e-438c-8564-9ae79963b5e4', - html: '
let foo = \'bar\';\n<blink>Hello</blink>' + html: '
&\nlet foo = \'bar\';\n<blink>Hello...</blink>' } }, '*'); }); @@ -18,9 +18,11 @@ document.addEventListener('DOMContentLoaded', function () { window.addEventListener('message', function (message) { let iframe = document.getElementById('demo'); let preview = document.getElementById('preview'); + let block = document.getElementById('block'); switch (message.data.topic) { case 'changed': + block.textContent = JSON.stringify(message.data.payload, null, 2) preview.innerHTML = message.data.payload.html let previewLang = document.getElementById('preview_language') previewLang.innerHTML = message.data.payload.metadata.programmingLanguage diff --git a/demo/index.html b/demo/index.html index e9840be..36d3bcf 100644 --- a/demo/index.html +++ b/demo/index.html @@ -8,5 +8,7 @@