delay editable content loading 'til css is ready

[peach-html5-editor.git] / editor_tests_compiled.html

diff --git a/editor_tests_compiled.html b/editor_tests_compiled.html
index 712e36a..5a07fe9 100644 (file)
--- a/editor_tests_compiled.html
+++ b/editor_tests_compiled.html
@@ -4,18 +4,18 @@
        <meta charset="UTF-8">
        <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 {
-                       box-sizing: border-box;
-                       width: 300px;
-                       height: 300px;
-                       border: 0;
-                       margin: 10px 0;
-                       padding: 0;
+                       width: 500px;
+                       height: 500px;
+                       margin: 0 auto;
                }
        </style>
 </head>
@@ -23,13 +23,18 @@
        <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>
        <form action="#" method="get">
-       <p>HTML view. Changes here propagate when you remove your cursor (press tab or click outside)<br><textarea rows="9" cols="22" name="in" id="in">&lt;p&gt;  a b c d e f g h i j k l m n o p q r s t u v w x y z  a b c d e f g h i j k l m n o p q r s t u v w x y z                                                                a b c d e f g h i j k l m n o p q r s t u v w x y z  &lt;strong&gt;Bold &lt;em&gt; Italic + Bold&lt;/strong&gt; Italic &lt;/em&gt; Normal&lt;/p&gt;
+       <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 style="background: #888">Text with a gray background&lt;p>    &lt;p style="background: #00f">Text with a blue background&lt;p>
+       &lt;p>testing &amp;lt;br&amp;gt; e f&lt;br>g   &lt;br>  h i j <a href="http://example.com">Click me!</a> o p q r&lt;/p>
+       &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&gt;
-       &lt;div&gt;I'm in a div&lt;/div&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;
        </textarea></p>