X-Git-Url: https://jasonwoof.com/gitweb/?a=blobdiff_plain;f=editor_tests_compiled.html;h=a9abc119c70cdec9dba4aa270f61b43ba6145b31;hb=c951e0ff067bf026175ccd32890642dd05416602;hp=d529b4f39ad6e1bb431cbd69a5111e3a02d1faae;hpb=28e2a56749dc8ddd97c2d5b16f7b3558488f4a34;p=peach-html5-editor.git

diff --git a/editor_tests_compiled.html b/editor_tests_compiled.html
index d529b4f..a9abc11 100644
--- a/editor_tests_compiled.html
+++ b/editor_tests_compiled.html
@@ -4,37 +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 {
-			width: 300px;
-			height: 300px;
-			border: 1px solid black;
-			padding: 5px;
-			position: relative;
-		}
-		.peach_html5_editor_overlay {
-			position: absolute;
-			top: -1px;
-			left: -1px;
-			width: 312px;
-			height: 312px;
-			overflow: hidden;
-		}
-		.peach_html5_editor_lightbox {
-			position: absolute;
-			background: rgba(100,100,100,0.2);
-		}
-		.peach_html5_editor_iframe {
-			box-sizing: border-box;
-			margin: 0;
-			border: none;
-			padding: 0;
-			width: 300px;
-			height: 300px;
+			width: 500px;
+			height: 500px;
+			margin: 0 auto;
 		}
 	</style>
 </head>
@@ -42,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;
-&lt;p style="white-space: pre"&gt;    this  &amp;lt;p&amp;gt;  has    white-space: pre   &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;  a b c      
+	d 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>