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:
- Save button posts the html content to a remote server that saves it.
- Load button gets previously saves html content from a remote server.
- The persistance key field specifies the bank under which html content is stored in server.
Demo:
Persistance key: