<html lang="en">
<head>
<meta charset="UTF-8">
- <link rel="icon" href="data:;base64,iVBORw0KGgo=">
+ <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: 500px;
+ height: 500px;
+ margin: 0 auto;
}
</style>
</head>
<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>In:<br><textarea rows="9" cols="22" name="in" id="in"><p>Normal aoehu aoethu aotheu naoht usaoheuntao uthao euha onetuh aote usnaohe unaoh eutha oeuh <strong>Bold <em> Italic+Bold</strong> Italic</em> Normal</p><div>I'm in a div</div><div>I'm in a div</div></textarea></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 that it will wrap around and spill onto a second line.</p> <p style="background: #888">Text with a gray background<p> <p style="background: #00f">Text with a blue background<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>
+ <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 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>
+ </textarea></p>
<p><input id="button" type="submit" value="loading..." disabled></p>
</form>
<script src="parser.js"></script>