<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>
<style>
textarea {
box-sizing: border-box;
width: 100%;
+ height: 200px
+ }
+ /* optional */
+ .peach_html5_editor {
+ width: 500px;
+ height: 500px;
+ margin: 0 auto;
}
</style>
</head>
<body>
- <h1>Peach HTML5 Editor test page (partially compiled version)</h1>
- <p>This version of the editor test page requires that you've compiled parser.js (to speed up page load) but it does compile editor.coffee and editor_tests.coffee in the browser so you don't have to rebuild them every time you make a change.</p>
+ <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 <strong>Bold <em> Italic+Bold</strong> Italic</em> Normal</p></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> a b c
+ d 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>
+ <div>I'm in a div</div>
+ <div>I'm in a 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>
<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>
</body>
</html>