Easiest WYSIWYG Editor for Your Site

By Chris London

What’s a WYSIWYG editor?

WYSIWYG stands for What You See Is What You Get. Basically it’s more then just a text box. It allows for things like font stylizing, image inserting, etc. If you’ve ever done any blogging online them you most likely used one for making your blog posts. Another simple way to look at it is it is a simple version of insert-your-favorite-word-processor-here (i.e., Open Office, Microsoft Word).

This is all you need to add to your site:

<script src="http://js.nicedit.com/nicEdit-latest.js" type="text/javascript"></script>
<script type="text/javascript">bkLib.onDomLoaded(
nicEditors.allTextAreas);</script>

This will automatically convert any <textarea> into a WYSIWYG. This is provided by http://nicedit.com/

If you want to do any customizing you will need to read their documentation: http://nicedit.pbworks.com/

Example:

<textarea rows="8" cols="55"></textarea>

Tags: editor, textarea, web trick, wysiwyg

This entry was posted on Thursday, February 18th, 2010 at 10:52 pm and is filed under Web Tricks. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.