southprojects DHTML Editor Widget - Minimal Editor Demo

Minimal Editor Demo

To replace any TEXTAREA element with the southprojects visual editor.
Insert anywhere on your page:

    <script type="text/javascript">
    new southprojects.MinimalEditor({
      field: "target",
      toolbarElements: [...]
    });
    </script>

The following configuration options are available:

- field - reference to target textarea element. Could be the value of the ID attribute or a reference to a DOM element
- toolbarElements - array of button names that will be added to toolbar
  The following values are available: fontName, fontSize, bold, italic, underline, foreColor, backColor, insertLink, insertImage, insertTable, justifyLeft, justifyCenter, justifyRight, insertOrderedList, insertUnorderedList, copy, cut, paste, outdent, indent, undo, redo, maximize, insertHorizontalRule, selectall
- theme - theme name
- themePath - path to directory where theme files are located

Useful tips:

- Buttons are added to the toolbar in same order as they described in toolbarElements.
- To add a WYSIWYG/HTML switcher, add the "switcher" option to toolbarElements.
- To start a new panel, add the "newPanel" option to toolbarElements.
- To add a new row to the toolbar, add the "newRow" option to toolbarElements.
- To enable the Cut, Copy, and Paste features in Mozilla, please see: following page.

Demo:
<b>Some</b> <i>predefined</i> content