jHtmlArea Getting started

An overview of jHtmlArea, how to download, basic use, examples and more.

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:

Source:

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

Specifying a custom set of toolbar buttons

Example:

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
                });
});