fully functional editor

Inspectron.PrintServer.TemplateEditor/wwwroot/app.css

@@ -111,9 +111,42 @@ html, body {
 
 .preview-content {
     flex: 1;
-    padding: 16px;
+    padding: 0;
     overflow: auto;
     color: #cccccc;
+    display: flex;
+    flex-direction: column;
+}
+
+#preview-iframe {
+    flex: 1;
+    width: 100%;
+    border: none;
+    background: #f0f0f0;
+}
+
+.preview-error {
+    padding: 8px 12px;
+    color: #f44747;
+    background: #2a1515;
+    border-bottom: 1px solid #5a2020;
+    font-size: 12px;
+    font-family: 'Courier New', monospace;
+    white-space: pre-wrap;
+}
+
+.toolbar-select {
+    padding: 4px 8px;
+    background: #3c3c3c;
+    color: #cccccc;
+    border: 1px solid #555;
+    border-radius: 3px;
+    cursor: pointer;
+    font-size: 13px;
+}
+
+.toolbar-select:hover {
+    background: #505050;
 }
 .valid.modified:not([type=checkbox]) {
     outline: 1px solid #26b050;

Inspectron.PrintServer.TemplateEditor/wwwroot/receiptLanguage.js

@@ -156,3 +156,8 @@ window.receiptLanguage = {
         return '';
     }
 };
+
+window.setPreviewContent = function(html) {
+    var iframe = document.getElementById('preview-iframe');
+    if (iframe) iframe.srcdoc = html;
+};