X-Git-Url: https://jasonwoof.com/gitweb/?p=peach-html5-editor.git;a=blobdiff_plain;f=demo.html;h=30dddf687ec751af4f9212748b0b0d0e539a3ab1;hp=a03a01daea5b1d156f92d6f44e1b386f0640b5ea;hb=HEAD;hpb=447762cf08b157e951670256bd0d5b6fcf2e3cd1 diff --git a/demo.html b/demo.html index a03a01d..30dddf6 100644 --- a/demo.html +++ b/demo.html @@ -3,8 +3,8 @@ - html editor tester - + Peach HTML5 Editor Demo + -

Peach HTML5 Editor test page (compiled version)

Peach HTML5 Editor Demo

This color scheme is just temporary, for testing the cursor and annotations on a variaty of background colors

HTML view. Changes here propagate when you remove your cursor (press tab or click outside)
<H1>Headline!</h1><p> normal text that is hopefully long enough that it will wrap around and -spill onto a second line.</p> <p >Text with lots of extra whitespace + <p>HTML view. Changes here propagate when you remove your cursor (press tab or click outside)<br><textarea name="in" id="in"> +<script>console.log("this code should not run in the editor")</script> + +<style> + h1 { color: #fdf; } +</style> + <H1 style="padding: 0; margin: 0 0 7px 0">Headline!</h1> + <div>SVG works: <svg style="display: inline-block; vertical-align: bottom"xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 55 55"><path d="M27.5 0l6.57 19.87 20.93.11-16.868 12.39 6.364 19.938L27.5 40.094 10.504 52.308l6.364-19.938L0 19.98l20.93-.11z" overflow="visible" fill-rule="evenodd"></path></svg></div> + <p> normal text that is hopefully long enough that it will wrap around and +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 <br> e f<br>g <br> h i j <a href="http://example.com">Click me!</a> o p q r</p> - <div style="border: 2px solid #fab"> - <p> y z <strong>Bold <em> Italic + Bold</strong> Italic </em> Normal</p> + + + in the original html and no closing p tag <p>normal paragraph</p> + <p>testing <br> e f<br>g <br> h i j <a href="http://example.com">Click me!</a> o p q r</p> + <div style="border: 2px solid #fab"> + <p> y z <strong>Bold <em> Italic + Bold</strong> Italic </em> Normal</p> <p style="white-space: pre-wrap">this <p> has white-space: pre-wrap</p> <div style="color: black; background: white;"> @@ -43,9 +53,9 @@ spill onto a second line.</p> <p >Text with lots of extra whitespace </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 (&nbsp;)</p> -<p>final paragraph.</p> -</div> +<p> Above, there's a white div containing 3 divs. The third contains a div which contains just a non-breaking space (&nbsp;)</p> +<p>final paragraph.</p> +</div>