X-Git-Url: https://jasonwoof.com/gitweb/?a=blobdiff_plain;f=demo.html;h=34d92e3d7e71ae777ab607e8dc6cc629a7b06337;hb=b9846ac6af1bcfa12e7a586df54789a571aa9ecc;hp=4559b7ba76bf5b32bb87ef5155f2a4ed40dfac37;hpb=3921e6882e71840a3422852d3381f1f8afdc9935;p=peach-html5-editor.git diff --git a/demo.html b/demo.html index 4559b7b..34d92e3 100644 --- a/demo.html +++ b/demo.html @@ -20,18 +20,26 @@ -

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 +51,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>