replace del key hack with one that uses backspace code

[peach-html5-editor.git] / editor_tests_compiled.html
diff --git a/editor_tests_compiled.html b/editor_tests_compiled.html

index df5f17a..61b3ccf 100644 (file)
--- a/editor_tests_compiled.html
+++ b/editor_tests_compiled.html
@@ -2,25 +2,56 @@
  <html lang="en">
  <head>
         <meta charset="UTF-8">
-       <link rel="icon" href="data:;base64,iVBORw0KGgo=">
+       <link rel="icon" href="data:null">
         <title>html editor tester</title>
+       <link rel="stylesheet" href="page_dark.css">
         <style>
                 textarea {
                         box-sizing: border-box;
                         width: 100%;
+                       height: 200px
+               }
+               /* optional */
+               .peach_html5_editor {
+                       width: 500px;
+                       height: 500px;
+                       margin: 0 auto;
                 }
         </style>
  </head>
  <body>
         <h1>Peach HTML5 Editor test page (compiled version)</h1>
-       <p>This version of the editor test page requires that you've compiled all the source files. (Just run <code>make</code>).</p>
+       <p>This color scheme is just temporary, for testing the cursor and annotations on a variaty of background colors</p>
         <form action="#" method="get">
-       <p>In:<br><textarea rows="9" cols="22" name="in" id="in">&lt;p&gt;Normal     aoehu aoethu aotheu naoht usaoheuntao uthao euha onetuh aote usnaohe unaoh eutha oeuh  &lt;strong&gt;Bold &lt;em&gt; Italic+Bold&lt;/strong&gt; Italic&lt;/em&gt; Normal&lt;/p&gt;&lt;div&gt;I'm in a div&lt;/div&gt;&lt;div&gt;I'm in a div&lt;/div&gt;</textarea></p>
+       <p>HTML view. Changes here propagate when you remove your cursor (press tab or click outside)<br><textarea name="in" id="in">&lt;H1>Headline!&lt;/h1>&lt;p&gt;  normal text that is hopefully long enough that it will wrap     around\rand
+spill onto a second line.&lt;/p>    &lt;p  >Text   with lots of extra whitespace
+
+
+
+       in the original html  and no closing p tag       &lt;p>normal paragraph&lt;/p>
+       &lt;p>testing &amp;lt;br&amp;gt; e f&lt;br>g   &lt;br>  h i j &lt;a href="http://example.com">Click me!</a> o p q r&lt;/p>
+       &lt;div style="border: 2px solid #fab">
+       &lt;p> y z     &lt;strong&gt;Bold &lt;em&gt; Italic + Bold&lt;/strong&gt; Italic &lt;/em&gt; Normal&lt;/p&gt;
+&lt;p style="white-space: pre-wrap"&gt;this &amp;lt;p&amp;gt; has     white-space: pre-wrap&lt;/p&gt;
+
+&lt;div style="color: black; background: white;"&gt;
+       &lt;div&gt;I'm in a div&lt;/div&gt;
+       &lt;div&gt;I'm in another div&lt;/div&gt;
+&lt;div&gt;
+&lt;div&gt;
+&amp;nbsp;
+&lt;/div&gt;
+&lt;/div&gt;
+&lt;/div&gt;
+&lt;p>  Above, there's a white div containing 3 divs. The third contains a div which contains just a non-breaking space (&amp;amp;nbsp;)&lt;/p>
+&lt;p>final paragraph.&lt;/p>
+&lt;/div>
+       </textarea></p>
         <p><input id="button" type="submit" value="loading..." disabled></p>
         </form>
         <script src="parser.js"></script>
         <script src="editor.js"></script>
         <script src="editor_tests.js"></script>
-       <p><a href="https://jasonwoof.com/gitweb/?p=peach-html5-editor.git;a=tree">Source</a> - AGPLv3+</p>
+       <p><a href="https://jasonwoof.com/gitweb/?p=peach-html5-editor.git;a=tree">Source</a> - <a href="https://gnu.org/licenses/agpl.html">AGPLv3+</a></p>
  </body>
  </html>