X-Git-Url: https://jasonwoof.com/gitweb/?a=blobdiff_plain;f=editor_tests_compiled.html;h=5a07fe94295437674e09050a046131a50f6cff08;hb=b3b872ef2a2200cd1e674845f0215341c1e67bfd;hp=712e36aecbcf72cc0cd863f039ee35712c810c1c;hpb=896560198f6b7cbafced9ff64196679414abcf39;p=peach-html5-editor.git

diff --git a/editor_tests_compiled.html b/editor_tests_compiled.html
index 712e36a..5a07fe9 100644
--- 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>