So1WebDesigner made their list of top 10 in browser WYSIWYG plugins, and I am compelled to agree.

My favorite WYSIWYG editor plugin is by far NicEdit.

I’m going to show you some basic highlights of their documentation for a standard WYSIWYG.

First thing is to take your text area and define it with an ID

<textarea id="YourID">

So that’s nice, good job!

Now we want to do the actual function.

One thing I suggest is to not have the gif file that comes with the install right next to your js file. But they have this nice little function not a lot of people know about called, iconsPath.

I’ll show you my typical code for this editor.

{

new nicEditor({fullPanel : true, iconsPath : '/YOURPATH/nicEditorIcons.gif'}).panelInstance('YOURID');

}

And that is a simple WYSIWYG editor from NicEdit.