jHtmlArea - WYSIWYG HTML Editor for jQuery

Project Description
A simple, light weight, extensible WYSIWYG HTML Editor built on top of jQuery. This component allows you to easily display a WYSIWYG HTML Editor in place of any TextArea DOM Elements on the page. The minified script alone is 9.17kb; CSS and Images it's a total of 25.9kb.

This project also includes Visual Studio JavaScript Intellisense support.

Live Demo: http://pietschsoft.com/demo/jHtmlArea

Please post all comments/issues to the Discussion Forums and Issue Tracker respectively.

Tutorials / Articles

• jHtmlArea - The all NEW HTML WYSIWYG Editor for jQuery
• Adding Custom Toolbar Buttons

Supported Browsers

• Internet Explorer 7/8
• Firefox 3/3.5
• Safari 4

I didn't originally plan on worrying about IE6, but I did have a chance to try the control in IE6 and all the functionality seems to work correctly. However, the toolbar layout doesn't lay correctly horizontally with line wrap in IE6 like it does in the other browsers. This is really just a HTML/CSS issue. I don't plan on officially supporting IE6, but it's nice for those of you that have some users with the older browser that they should still be able to use the editor.

If you find some browser related issues, please report them within the Issue Tracker.



This project also includes icons from the Silk Icon Set by Mark James. You can download the Silk Icon Set here: http://www.famfamfam.com/lab/icons/silk/

Basic Usage

$(function(){
    $("textarea").htmlarea();
});

Contributors

Chris Pietschmann - Chris is a Microsoft MVP for the Windows Live Platform, and the Owner of Simplovation LLC a software development consulting company that specializes in Mapping/GIS related application development. You can view Chris' blog at http://pietschsoft.com