# setplus Simple Text Editor Live Demo

This page is a demonstration of how setplus works. For more information, visit the setplus project page.

## Example: editor from a div element

    <div class="setplus><em>HTML content</em> for the editor</div>

setplus Simple Text Editor is a lightweight cross-browser editor for typesetting HTML content. setplus can either be used as a stand-alone script or as an editor plug-in with the Joomla content management system.

### Introduction

This sample illustrates how setplus can transform a `div` element into a powerful WYSIWYG editor control. If you select View source in your browser, you will discover that this editable text is wrapped inside an HTML `div` element that has been annotated with the `class="setplus"` attribute.

### Images

setplus can show images inside the editable area and lets you insert new images using the Insert/edit image button on the toolbar.

### Tables

Caption for a table
Sample table cell 1 | Sample table cell 2
Sample table cell 3 | Sample table cell 4

### Preformatted text

Spaces are not collapsed into a single space in preformatted text:

        Preformatted
            text

Regular text

        Preformatted
            text

### Lists

Ordered and unordered lists can also be typeset with setplus:

- list item
- list item
- list item

1. list item
2. list item
3. list item

### Sample text

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse quis quam felis. Mauris et tellus eu ante condimentum elementum sed a ipsum. Ut congue ultricies justo. Integer eget dolor ac metus faucibus convallis. Duis et libero dui. Cras at auctor mauris. Proin dapibus nisi id magna sodales at ultrices est rhoncus. Sed turpis felis, rutrum in congue et, aliquet in leo. Donec pretium augue luctus augue ultricies in interdum felis eleifend. Duis elit arcu, ultrices non scelerisque a, varius ac ligula. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Cras nibh nibh, iaculis eu porta in, ornare ut massa. Suspendisse nec lacus non mi cursus suscipit ac et arcu.

#### Morbi sagittis malesuada

Morbi sagittis malesuada orci vitae consectetur. Etiam nec condimentum nulla. Aliquam adipiscing elementum semper. Donec ac mi aliquam dolor pretium mollis id eu urna. Phasellus ac metus vitae justo rhoncus adipiscing. Aliquam vehicula risus in leo commodo vulputate sodales non nisl. Maecenas vulputate tellus non tortor ultricies sed euismod lectus mollis. Nullam ut viverra lectus. Proin dapibus hendrerit tellus ut fermentum. Nulla sem odio, dictum eget facilisis bibendum, auctor ut nibh. Ut eu lorem quis enim consectetur aliquet. Nam dolor neque, eleifend pretium ornare cursus, ornare vel magna. Vestibulum faucibus, est eget vestibulum dictum, erat dolor cursus dolor, in convallis magna est eget enim. Proin luctus egestas lorem, eget scelerisque ligula posuere sed. Duis egestas lacus sapien. Nulla facilisi. In vitae sapien a nisi tincidunt volutpat.

Duis eu dolor nisi, a hendrerit diam. Aenean eget neque non lectus hendrerit consequat at eget elit. Nulla sed eros lectus, a ultrices augue. Donec in diam elementum dui imperdiet mollis. Aliquam erat volutpat. Quisque vitae dignissim lorem. Fusce eleifend condimentum consequat. Quisque quis pharetra augue. Morbi auctor nibh ut arcu blandit porta. Duis id justo nisi. Pellentesque vestibulum metus quis diam rhoncus in sodales erat vulputate. Cras vel dolor sem, in sodales ipsum. Maecenas ut turpis lectus, nec hendrerit nisl.

#### Proin id faucibus lectus

Proin id faucibus lectus. Pellentesque vehicula lectus quis erat facilisis accumsan. Nulla vehicula augue ac massa commodo laoreet. Sed eget odio at libero sagittis pharetra varius at est. Nullam iaculis nisi et mi lobortis vitae vestibulum mi semper. Curabitur tempus rhoncus augue, eu tempor tortor blandit non. Vivamus feugiat, nibh sit amet pellentesque pharetra, mi lorem sollicitudin sapien, in luctus massa quam non ligula. Aenean eleifend tellus quis lacus porttitor id tempor tortor dictum. Nullam facilisis lectus in erat vulputate vulputate. Aliquam et diam vel lacus auctor pharetra quis vitae ante. Aliquam vestibulum libero gravida nulla viverra aliquet. Mauris ut hendrerit nibh. Integer non risus urna. Aenean laoreet semper porta. Nullam cursus suscipit erat viverra tempus. Suspendisse lobortis dui sem.

Integer vel nisi massa, ut vehicula enim. Mauris tincidunt facilisis metus in eleifend. Ut iaculis malesuada metus, eu ornare risus commodo vitae. Donec id dolor nisl. Fusce varius imperdiet erat, ac varius nulla venenatis nec. In sed neque at ipsum rutrum cursus. Suspendisse id nulla leo, vitae euismod leo. Sed felis tellus, congue vitae luctus quis, cursus in dolor. Maecenas rutrum convallis mollis. Aliquam a velit eu mauris auctor aliquam. Sed faucibus diam a est hendrerit eu scelerisque neque imperdiet. Donec elit tellus, adipiscing eget pharetra id, lobortis non tellus.

## Example: editor from a textarea element

    <textarea>&lt;b&gt;HTML source for the editor&lt;/b&gt;</textarea>

<b>Sample text in bold</b>