If you create a custom item type form, so visitors to your site can submit content into your database, you may want to use a visual (WYSIWYG) editor for some textarea fields.
As an example, here are the minimal steps to install the CKEditor WYSIWYG editor on your front-end forms.
When the zip is unpacked by the Webvanta system as you upload it to the Files area, it will create a folder named "ckeditor", in which the file "ckeditor.js" has the core ckeditor code. Thus, the line that you need to add the head section of the page is:
Then, in your form, just locate the
textarea element you want to turn into a WYSIWYG editor, and add the ckeditor class:
<textarea class="ckeditor" ... >
That's all you need to do to make it work, but you'll proably want to customize the CKEditor configuration. It is highly configurable, and there are many options in how the HTML code is generated and other aspects of the editor's behavior. By default, it loads a huge assortment of editor icons, and you probably want only a fraction of them on your form.
For information on configuring CKEditor, see their documentation—in particular: