start on a vdom-based wysiwyg realtime

There are still a few conditions that cause it to 'explode' when different browsers disagree on element semantics. Overall it's a much cleaner approach, but it will require extensive tuning to improve performance, as there are still many complete dom traversals which will not scale for large documents
2016-01-29 12:40:45 +01:00
parent 1f7f90165f
commit d14e42fedd
3 changed files with 150 additions and 0 deletions
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta content="text/html; charset=utf-8" http-equiv="content-type"/>
+    <script data-main="main" src="/bower_components/requirejs/require.js"></script>
+    <style>
+        html, body {
+            margin: 0px;
+            padding: 0px;
+        }
+        #pad-iframe {
+            position:fixed;
+            top:0px;
+            left:0px;
+            bottom:0px;
+            right:0px;
+            width:50%;
+            height:100%;
+            border:none;
+            margin:0;
+            padding:0;
+            overflow:hidden;
+        }
+        #feedback {
+            position: fixed;
+            top: 0px;
+            right: 0px;
+            border: 0px;
+            height: 100vh;
+            width: 50vw;
+            background-color: #222;
+            color: #ccc;
+        }
+    </style>
+</head>
+<body>
+    <iframe id="pad-iframe" src="inner.html"></iframe>
+    <textarea id="feedback"></textarea>
+</body>
+</html>
+