A simple, light weight, easily 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/> Html element. The minified script alone is only 9.21kb.

Advantages

Here are some key advantages to using jHtmlArea:

• Free, open source (Microsoft Publis License)
• Simple and Lightweight - 9.21kb minified
• Supports all mainstream browsers
• Built on top of jQuery
• Full Documentation

Available on Nuget

jHtmlArea is conveniently available as a Nuget package.

jHtmlArea is really easy to use!

Example:

<H1>jHtmlArea is simple to use!</H1><p>It's also light weight and extensible!</p>

Source:

// Turn all <textarea/> tags into WYSIWYG editors
$(function() {
    $("textarea").htmlarea();
});
                    

Specifying a custom set of toolbar buttons

Example:

<h1 style="color: #ffcc66">Custom Toolbar!</h1><p>You can specify your own custom toolbar with all the buttons you want to make available to your users.</p>

Source:

$(function() {
    $("textarea").htmlarea({
                toolbar: ["html", "|",
                        "forecolor",  // <-- Add the "forecolor" Toolbar Button
                        "|", "bold", "italic", "underline", "|", "h1", "h2", "h3", "|", "link", "unlink"] // Overrides/Specifies the Toolbar buttons to show
                });
});