JasonWoof Got questions, comments, patches, etc.? Contact Jason Woofenden
create overlay, move cursor to it, break typing
[peach-html5-editor.git] / editor_tests_compiled.html
1 <!DOCTYPE html>
2 <html lang="en">
3 <head>
4         <meta charset="UTF-8">
5         <link rel="icon" href="data:null">
6         <title>html editor tester</title>
7         <style>
8                 textarea {
9                         box-sizing: border-box;
10                         width: 100%;
11                 }
12                 .peach_html5_editor {
13                         width: 300px;
14                         height: 300px;
15                         border: 1px solid black;
16                         padding: 5px;
17                         position: relative;
18                 }
19                 .peach_html5_editor_overlay {
20                         position: absolute;
21                         top: -1px;
22                         left: -1px;
23                         width: 312px;
24                         height: 312px;
25                         overflow: hidden;
26                 }
27                 .peach_html5_editor_lightbox {
28                         position: absolute;
29                         background: rgba(100,100,100,0.2);
30                 }
31                 .peach_html5_editor_iframe {
32                         box-sizing: border-box;
33                         margin: 0;
34                         border: none;
35                         padding: 0;
36                         width: 300px;
37                         height: 300px;
38                 }
39         </style>
40 </head>
41 <body>
42         <h1>Peach HTML5 Editor test page (compiled version)</h1>
43         <p>This version of the editor test page requires that you've compiled all the source files. (Just run <code>make</code>).</p>
44         <form action="#" method="get">
45         <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;
46 &lt;p style="white-space: pre"&gt;    this  &amp;lt;p&amp;gt;  has    white-space: pre   &lt;/p&gt;
47
48 &lt;div&gt;
49         &lt;div&gt;I'm in a div&lt;/div&gt;
50         &lt;div&gt;I'm in a div&lt;/div&gt;
51 &lt;div&gt;
52 &lt;/div&gt;
53 &lt;/div&gt;
54         </textarea></p>
55         <p><input id="button" type="submit" value="loading..." disabled></p>
56         </form>
57         <script src="parser.js"></script>
58         <script src="editor.js"></script>
59         <script src="editor_tests.js"></script>
60         <p><a href="https://jasonwoof.com/gitweb/?p=peach-html5-editor.git;a=tree">Source</a> - AGPLv3+</p>
61 </body>
62 </html>