Dummy content that can be dropped into any WordPress content area to test the WYSIWYG editor instantly. Includes everything except images.

wp-wysiwyg-demo.html

To use this drop it into any content area with a WYSIWYG in the HTML view. Do not post into the visual view or the sky will fall. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent pellentesque vestibulum diam, id placerat nisi tempor quis. Proin erat metus, accumsan in sagittis vitae, suscipit a eros. Nam interdum pellentesque felis consequat condimentum. Maecenas nec augue justo. Vestibulum vehicula sodales diam nec volutpat.

<!--more-->

<h1>Header 1</h1>
<h2>Header 2</h2>
<h3>Header 3</h3>
<h4>Header 4</h4>
<h5>Header 5</h5>
<h6>Header 6</h6>

<h2>YouTube Auto Convert Video</h2>
http://www.youtube.com/watch?v=10tWqO2zt-k

<h2>Standard WYSIWYG Content</h2>
<strong>Bold text</strong>
<em>Italic</em>
<del>Strike</del>

Un-ordered list
<ul>
    <li>Item 1</li>
    <li>Item 2</li>
    <li>Item 3
        <ul>
            <li>Item 1</li>
        </ul>
    </li>
    <li>Item 4
        <ul>
	    <li>Item 1</li>
	    <li>Item 2
                <ul>
	            <li>Item</li>
                </ul>
            </li>
        </ul>
    </li>
</ul>

Ordered list
<ol>
    <li>Item 1</li>
    <li>Item 2</li>
    <li>Item 3
        <ol>
	    <li>Item 1</li>
        </ol>
    </li>
    <li>Item 1
        <ol>
	    <li>Item 2</li>
	    <li>Item
                <ol>
	            <li>Item</li>
                </ol>
            </li>
        </ol>
    </li>
</ol>

Quote
<blockquote>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed suscipit erat et ipsum accumsan tristique. Duis quis lacus purus. Pellentesque laoreet ipsum in felis venenatis ut convallis est viverra. Vivamus ultrices mi id nulla vestibulum sed posuere lacus gravida.</blockquote>

<a href="http://asdf.com">Link test</a>

<h2>Image Testing</h2>
<h3>Standard</h3>

<h4>Default</h4>
<img class="alignnone" title="Kittens" src="http://placekitten.com/g/400/400" alt="kittens" width="200" height="200" />
<h4>Standard with link</h4>
<a href="http://placekitten.com/200/200"><img class="alignnone" title="kitten" src="http://placekitten.com/g/200/200" alt="kitten" width="200" height="200" /></a>
<h4>Float left</h4>
<img class="alignleft" style="font-style: normal; border-style: initial; border-color: initial; border-width: initial;" title="kitten" src="http://placekitten.com/g/300/200" alt="kitten" width="300" height="200" />

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sem lacus, blandit vel scelerisque egestas, rutrum ac sapien. Etiam sollicitudin eleifend mauris, nec tincidunt purus blandit interdum. In purus purus, ornare at eleifend ac, semper quis ante. Etiam vitae leo sem. Quisque in libero eget velit egestas vestibulum. Aliquam erat volutpat. Suspendisse potenti.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sem lacus, blandit vel scelerisque egestas, rutrum ac sapien. Etiam sollicitudin eleifend mauris, nec tincidunt purus blandit interdum. In purus purus, ornare at eleifend ac, semper quis ante. Etiam vitae leo sem. Quisque in libero eget velit egestas vestibulum. Aliquam erat volutpat. Suspendisse potenti.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sem lacus, blandit vel scelerisque egestas, rutrum ac sapien. Etiam sollicitudin eleifend mauris, nec tincidunt purus blandit interdum. In purus purus, ornare at eleifend ac, semper quis ante. Etiam vitae leo sem. Quisque in libero eget velit egestas vestibulum. Aliquam erat volutpat. Suspendisse potenti.
<h4>Center</h4>
<p style="text-align: center;"><img class="aligncenter" style="font-style: normal; border-style: initial; border-color: initial; border-width: initial;" title="kitten" src="http://placekitten.com/g/400/200" alt="kitten" width="400" height="200" /></p>

<h4>Float Right</h4>
<img class="alignright" style="font-style: normal; border-style: initial; border-color: initial; border-width: initial;" title="kitten" src="http://placekitten.com/g/300/200" alt="kitten" width="300" height="200" />

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sem lacus, blandit vel scelerisque egestas, rutrum ac sapien. Etiam sollicitudin eleifend mauris, nec tincidunt purus blandit interdum. In purus purus, ornare at eleifend ac, semper quis ante. Etiam vitae leo sem. Quisque in libero eget velit egestas vestibulum. Aliquam erat volutpat. Suspendisse potenti.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sem lacus, blandit vel scelerisque egestas, rutrum ac sapien. Etiam sollicitudin eleifend mauris, nec tincidunt purus blandit interdum. In purus purus, ornare at eleifend ac, semper quis ante. Etiam vitae leo sem. Quisque in libero eget velit egestas vestibulum. Aliquam erat volutpat. Suspendisse potenti.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sem lacus, blandit vel scelerisque egestas, rutrum ac sapien. Etiam sollicitudin eleifend mauris, nec tincidunt purus blandit interdum. In purus purus, ornare at eleifend ac, semper quis ante. Etiam vitae leo sem. Quisque in libero eget velit egestas vestibulum. Aliquam erat volutpat. Suspendisse potenti.

<h3>Captions</h3>
<h4>Short</h4>
[caption id="" align="alignnone" width="200" caption="Lorem Ipsum"]<img title="Kittens" src="http://placekitten.com/g/400/400" alt="kittens" width="200" height="200" />[/caption]
<h4>Long</h4>
[caption id="" align="alignnone" width="200" caption="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sem lacus, blandit vel scelerisque egestas, rutrum ac sapien. Etiam sollicitudin eleifend mauris, nec tincidunt purus blandit interdum. In purus purus, ornare at eleifend ac, semper quis ante."]<img class=" " title="Kittens" src="http://placekitten.com/g/400/400" alt="kittens" width="200" height="200" />[/caption]
<h4>link</h4>
[caption id="" align="alignnone" width="200" caption="Lorem Ipsum"]<a href="http://placekitten.com/200/200"><img title="kitten" src="http://placekitten.com/g/200/200" alt="kitten" width="200" height="200" /></a>[/caption]
<h4>Float left</h4>
[caption id="" align="alignleft" width="300" caption="Lorem ipsum"]<img style="font-style: normal; border-style: initial; border-color: initial; border-width: initial;" title="kitten" src="http://placekitten.com/g/300/200" alt="kitten" width="300" height="200" />[/caption]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sem lacus, blandit vel scelerisque egestas, rutrum ac sapien. Etiam sollicitudin eleifend mauris, nec tincidunt purus blandit interdum. In purus purus, ornare at eleifend ac, semper quis ante. Etiam vitae leo sem. Quisque in libero eget velit egestas vestibulum. Aliquam erat volutpat. Suspendisse potenti.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sem lacus, blandit vel scelerisque egestas, rutrum ac sapien. Etiam sollicitudin eleifend mauris, nec tincidunt purus blandit interdum. In purus purus, ornare at eleifend ac, semper quis ante. Etiam vitae leo sem. Quisque in libero eget velit egestas vestibulum. Aliquam erat volutpat. Suspendisse potenti.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sem lacus, blandit vel scelerisque egestas, rutrum ac sapien. Etiam sollicitudin eleifend mauris, nec tincidunt purus blandit interdum. In purus purus, ornare at eleifend ac, semper quis ante. Etiam vitae leo sem. Quisque in libero eget velit egestas vestibulum. Aliquam erat volutpat. Suspendisse potenti.
<h4>Center</h4>
[caption id="" align="aligncenter" width="400" caption="lorem ipusm"]<img style="font-style: normal; border-style: initial; border-color: initial; border-width: initial;" title="kitten" src="http://placekitten.com/g/400/200" alt="kitten" width="400" height="200" />[/caption]
<h4>Float Right</h4>
[caption id="" align="alignright" width="300" caption="lorem ipsum"]<img style="font-style: normal; border-style: initial; border-color: initial; border-width: initial;" title="kitten" src="http://placekitten.com/g/300/200" alt="kitten" width="300" height="200" />[/caption]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sem lacus, blandit vel scelerisque egestas, rutrum ac sapien. Etiam sollicitudin eleifend mauris, nec tincidunt purus blandit interdum. In purus purus, ornare at eleifend ac, semper quis ante. Etiam vitae leo sem. Quisque in libero eget velit egestas vestibulum. Aliquam erat volutpat. Suspendisse potenti.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sem lacus, blandit vel scelerisque egestas, rutrum ac sapien. Etiam sollicitudin eleifend mauris, nec tincidunt purus blandit interdum. In purus purus, ornare at eleifend ac, semper quis ante. Etiam vitae leo sem. Quisque in libero eget velit egestas vestibulum. Aliquam erat volutpat. Suspendisse potenti.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sem lacus, blandit vel scelerisque egestas, rutrum ac sapien. Etiam sollicitudin eleifend mauris, nec tincidunt purus blandit interdum. In purus purus, ornare at eleifend ac, semper quis ante. Etiam vitae leo sem. Quisque in libero eget velit egestas vestibulum. Aliquam erat volutpat. Suspendisse potenti.