WYSIWYG editor for your contact forms using the jQuery plugin CLEditor

With the jQuery plugin CLEditor you can make your fields in web forms in a simple manner for a WYSIWYG HTML editor, and thus gives users greater convenience in the input.

Ideal for contact forms, forums, guest books, etc..

The plugin is in its minimized form about 8KB "small" and provides cross-browser compatibility.
(Tested in IE 6.0 +, FF 1.5 +, Safari 4 +, Chrome and Opera 5 + 10 +).

I especially liked this plugin's flexible configuration options and the fixed structure of the editor.

The functions in detail

CSS support

All areas of the editor can be customized via CSS.

Example, you can integrate your own icons or change the background color of the toolbar.

Size of the editor

The width and height of the editor can be defined over a fixed size or percentage values, and can thus be adapted to your own design ideas.

Parameter

Through simple plug-in parameters, you can decide which function icons in the editor should be used. Maximum possible are the following functions:

• bold - bold
• italic - italic
• underline - underline
• strikethrough-strikethrough
• subscript - subscript text
• superscript - superscript text
• font size - font size
• style - paragraph format / headings
• color - color of text
• highlight - the background color
• removeformat - remove formatting
• Bullets - unsorted list
• numbering - numbered list
• outdent - reduce padding ("disengage")
• indent - indent text
• align left - left-aligned
• center-centered
• alignright - right-aligned
• justify - Justifies
• undo - Undo
• redo - Redo
• rule - a horizontal line
• image - image insert (URL)
• link - add link
• unlink - remove links
• Cut - Cut
• copy - copy
• Paste - Paste
• print - durcken
• html - switch to HTML mode

Flexible handling of selection lists

The functions of colors (background and text Faber, fonts (font), sizes (Schrfitgrößen) and styles (paragraph styles, headers, etc.) are controlled by selection lists.

CLEditor offers the possibility of the contents of these lists to handle and flexible to configure additional parameter definitions.

Would you like for example, that text can be highlighted within the editor in only 3 colors, simply changing the parameter list to the "colors".

Methods to JavaScript actions

Do you intend to CLEditor example for developing your own JavaScript applications, you can choose from the following additional methods:

. Focus ()
With the method. Focus () to set the focus to the editor. This allows the user to directly write to the editor without having to click on beforehand.

. Html mode ()
Would you like to determine whether the editor is currently in the HTML or WYSIWYG mode, use the method. Html mode (). Returns true or false.

. Resize ()
Using this method, you can force the editor to adjust its size. This can be necessary if the enclosing container changed its size or reduce the browser window or enlarged.

. Select ()
About the method. Select () allows you to highlight all the contents of the editor to choose from.

. SelectedText ()
Would you like to determine exactly what text is selected within the editor, use the method. SelectedText ().

. Update frame ()
To view the contents of the editor frame with the contents of the textarea field to update using the update method (frame)

. Update textarea ()
Would you like to update in the opposite case the textarea with the contents of the editor frame, use the method update textarea ()