editor_tests_compiled.html

   1 <!DOCTYPE html>
   2 <html lang="en">
   3 <head>
   4         <meta charset="UTF-8">
   5         <link rel="icon" href="data:null">
   6         <title>html editor tester</title>
   7         <link rel="stylesheet" href="page_dark.css">
   8         <style>
   9                 textarea {
  10                         box-sizing: border-box;
  11                         width: 100%;
  12                         height: 200px
  13                 }
  14                 /* optional */
  15                 .peach_html5_editor {
  16                         width: 500px;
  17                         height: 500px;
  18                         margin: 0 auto;
  19                 }
  20         </style>
  21 </head>
  22 <body>
  23         <h1>Peach HTML5 Editor test page (compiled version)</h1>
  24         <p>This color scheme is just temporary, for testing the cursor and annotations on a variaty of background colors</p>
  25         <form action="#" method="get">
  26         <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 and spill onto a second line.&lt;/p>    &lt;p  >Text   with lots of extra whitespace
  27
  28
  29
  30         in the original html  and no closing p tag   &lt;p>    &lt;p>normal paragraph&lt;p>
  31         &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>
  32         &lt;div style="color: white">
  33         &lt;p> y z     &lt;strong&gt;Bold &lt;em&gt; Italic + Bold&lt;/strong&gt; Italic &lt;/em&gt; Normal&lt;/p&gt;
  34 &lt;p style="white-space: pre-wrap"&gt;this &amp;lt;p&amp;gt; has     white-space: pre-wrap&lt;/p&gt;
  35
  36 &lt;div style="color: black; background: white;"&gt;
  37         &lt;div&gt;I'm in a div&lt;/div&gt;
  38         &lt;div&gt;I'm in another div&lt;/div&gt;
  39 &lt;div&gt;
  40 &lt;div&gt;
  41 &amp;nbsp;
  42 &lt;/div&gt;
  43 &lt;/div&gt;
  44 &lt;/div&gt;
  45 &lt;p>  Above, there's a white div containing 4 divs. The third contains just an NBSP and the fourth is completely empty&lt;/p>
  46 &lt;p>final paragraph.&lt;/p>
  47 &lt;/div>
  48         </textarea></p>
  49         <p><input id="button" type="submit" value="loading..." disabled></p>
  50         </form>
  51         <script src="parser.js"></script>
  52         <script src="editor.js"></script>
  53         <script src="editor_tests.js"></script>
  54         <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>
  55 </body>
  56 </html>