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 f91086a..5a07fe9 100644 (file)
--- a/editor_tests_compiled.html
+++ b/editor_tests_compiled.html
@@ -4,6 +4,7 @@
        <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;
@@ -22,15 +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 name="in" id="in">&lt;p&gt;  a b c      
-       d e f g h i j <a href="http://example.com">Click me!</a> o p q r&lt;/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 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>