ownCMS WYSIWYG Editor (Version 2.0) coded with Mootools Version 1.2

Features:

• Editor uses Class design
• Configuration Options: width, height, toolbar, align, inlineEdit,form,lang, picupload
• Style configuration with CSS file
• Functions: ColorChooser, TableMaker,Fullscreen, b,i, ordered list, Smilies and much more ...
• Browser: Tested with IE6.0, IE7.0, FF2.0, FF3.0, Opera, Netscape, Mozilla
• Update:Multilingual Feature german, english, french
• Update:Easy Integration of new langs. Now the lang parameter in a seperate file
• Update:Integration Eventhandler for Shortkeys e.g. (ctrl-b for bold)
• Added ShortKeys: ctrl-b (bold),ctrl-i (italic)ctrl-u (underline) ctrl-a (version info),ctrl-q (Quit window colorchooser,table etc), enter key (IE makes now (br) not p, Ctrl-p (Preview)
• Fix for path to smilies

First example: 3 Textarea in one Form Tag

Loading Function: Now you can configure yourself your Editor

	['undo','redo','bold','underline','italic','cut','copy','paste','editItem','strike',
	'forecolor','backcolor','justifyleft','justifycenter','justifyright','justifyfull',
	'orderedlist','unorderedlist','outdent','indent','subscript','superscript','special',
	'table','makeBig','Smilies','clear','print','help','fontname','fontsize','formatblock'];

Example:
mySelFunction=['bold','italic','underline']
new HtmlArea('hello',{form:'FormHello',width:'400px',height:'100px',align:'bottom',toolbar:mySelFunction,ViewSource:true});

Parameters:
	        form: '',
            width: '100%',
            height:'',
            align:'top',
            inlineEdit:false,
            toolbar:'',
            ViewSource:true,
            picupload :false,
            uploadfolder :'',
            title:'ownCMS WYSIWYG Editor',
            lang:'de',
            onReadyLoad: Class.empty
 

Second Example: 1 Textarea in one Form Tag

Es können gezielt Textareas angesprochen werden

new HtmlArea('hello3',{form:'FormHello1',width:'600px',height:'200px',toolbar1:true,toolbar2:false,toolbar3:false,ViewSource:true});

Full Example

Third Example: InPlaceEdit

Es muss nur die ID (inplaceEdit) und die Option inlineEdit auf true gesetzt werden und über die save() Funktion bekommt man den Inhalt wieder in das Feld zurück

new HtmlArea($('inplaceEdit'),{inlineEdit:true,width:'600px',height:'400px'});