Live Preview jQuery Plugin Demo

Just start typing into the TextArea below. The following tags are allowed: ['p', 'strong', 'br', 'em', 'strike']

Be sure to also type in tags which are not allowed.

Preview Area

---

The following HTML provides a textarea and div for the preview.

<textarea class="source"></textarea>
                
<label>Preview Area</label>
<div class="preview"></div>

And the following JavaScript sets up the preview

$(function() {
    $('textarea.source').livePreview({
        previewElement: $('div.preview'),
        allowedTags: ['p', 'strong', 'br', 'em', 'strike'],
        interval: 20
    });
});