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.
- Undo/redo is currently not implemented in IE.
Demo: