<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 {
</head>
<body>
<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>
+ <p>This color scheme is just temporary, for testing the cursor and annotations on a variaty of background colors</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"><p> 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 <strong>Bold <em> Italic + Bold</strong> Italic </em> Normal</p>
+ <p>HTML view. Changes here propagate when you remove your cursor (press tab or click outside)<br><textarea name="in" id="in"><H1>Headline!</h1><p> normal text that is hopefully long enough\fthat it will wrap around\rand
+spill onto a second line.</p> <p >Text with lots of extra whitespace
+
+
+
+ in the original html and no closing p tag <p>normal paragraph<p>
+ <p>testing &lt;br&gt; e f<br>g <br> h i j <a href="http://example.com">Click me!</a> o p q r</p>
+ <div style="color: white">
+ <p> y z <strong>Bold <em> Italic + Bold</strong> Italic </em> Normal</p>
<p style="white-space: pre-wrap">this &lt;p&gt; has white-space: pre-wrap</p>
-<div>
- <div>I'm in a div</div>
+<div style="color: black; background: white;">
<div>I'm in a div</div>
+ <div>I'm in another div</div>
+<div>
<div>
+&nbsp;
+</div>
</div>
</div>
+<p> Above, there's a white div containing 3 divs. The third contains a div which contains just a non-breaking space (&amp;nbsp;)</p>
+<p>final paragraph.</p>
+</div>
</textarea></p>
<p><input id="button" type="submit" value="loading..." disabled></p>
</form>
<script src="parser.js"></script>
<script src="editor.js"></script>
<script src="editor_tests.js"></script>
- <p><a href="https://jasonwoof.com/gitweb/?p=peach-html5-editor.git;a=tree">Source</a> - AGPLv3+</p>
+ <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>
</body>
</html>