What is the best rich textarea editor for jQuery?

JqueryRichtextbox

Jquery Problem Overview


Something like this one on the Stackoverflow site would be nice!

Or something non-jQuery that doesn't conflict with jQuery $() tags would be great.

Jquery Solutions


Solution 1 - Jquery

I'm surprised nobody has mentioned markitup:

markItUp! is a JavaScript plugin built on the jQuery library. It allows you to turn any textarea into a markup editor. Html, Textile, Wiki Syntax, Markdown, BBcode or even your own Markup system can be easily implemented.

alt text

Solution 2 - Jquery

For me [markitup][1] [1]: http://markitup.jaysalvat.com/home/ "markitup" is an excellent editor. It does rich text as a markup editor and allows you to use different standards: html, wiki, UBB, etc... It also allows plugins very easily.

Solution 3 - Jquery

IMHO tinyMce and ckeditors are way too bloated. I've tried a lot of different editors that would be jquery plugins and the best one to my taste is HtmlBox. It's extremely small = 14Kb minified (without icons) and unobtrusive.

I've tried all of these:

  1. Avidan editor
  2. Wymeditor
  3. ueditor
  4. RTE Jquery
  5. jwysiwyg (GNU2)
  6. jhtml area (Microsoft public license)
  7. htmlbox (mit license)
  8. TinyMCE (gnu)
  9. Ckeditor (as well as FCKeditor)

Solution 4 - Jquery

CLEditor is an open source jQuery plugin which provides a lightweight (just over 9K with icons), full featured, cross browser, extensible, WYSIWYG HTML editor that can be easily added into any web site. http://premiumsoftware.net/cleditor

Solution 5 - Jquery

I personaly use FCK because Tiny MCE does't handle html editing well, small changes in html produce lots of unececary html tags.

Solution 6 - Jquery

For full on html (rather than WMD style b / i / a) I normally use http://www.fckeditor.net/. Customisation can be a little cumbersome, but reliable once in place.

Solution 7 - Jquery

  • WYMeditor (What You See Is What You Mean) is a jQuery plugin.
  • jWysiwyg is an alternative with much less features

Solution 8 - Jquery

I really like Yahoo's YUI Rich Text Editor.

Solution 9 - Jquery

here you can find 10 jquery and Non-jquery Text Editors: www.queness.com

Solution 10 - Jquery

WMD looks good. too bad it does not use jquery framework. TinyMce is pretty large and could slow down the page load..

look at this post: http://www.queness.com/post/212/10-jquery-and-non-jquery-javascript-rich-text-editors

hope it helps

-Towfiq I.

Solution 11 - Jquery

i personally use TinyMCE in our project, easy to integrate and use.

Solution 12 - Jquery

ENDORSEMENT: TinyMCE is mature, actively maintained, and well documented. It is easily extended and generates decent, valid XHTML while editing. I've been using it in applications for the past three years because of these reasons. I've tried all the other editors mentioned above but I've kept using TinyMCE. The other editors simply don't do enough or the ramp up to functionality extension is too steep (the exception being the YUI Editor).

CRITICISM: TinyMCE will not interoperate 100% smoothly with the ASP.Net ScriptManager and UpdatePanel controls (at no fault of the TinyMCE script). The overall size of all the TinyMCE scripts can add up to over 1 MB, but plug-in scripts are loaded as needed when in use.

Solution 13 - Jquery

I would say the best one non.jQuery and $() conflict free would be the dijit.Editor from Dojo Toolkit. Take a look here

Solution 14 - Jquery

Markupit is best for me, and found here great list of only jQuery based Rich Text Editors: http://smashingwall.com/tools/jquery-rich-text-editors/

Solution 15 - Jquery

Tiny MCE is the best IMHO - I have tired a ton of them and Tiny has the best over features, easy to create content templates, easy to set which CSS is shown in the editor and used to display it, very large API, great skins, ect...

Solution 16 - Jquery

WYM Editor could be a reasonable solution. It generates XHTML strict W3C XHTML hope can help you .

Solution 17 - Jquery

[Aloha Editor][1] is an upcoming HTML inplace editor. Its customizable as well to write our own plugins.

FYI: Drawback is that it has ~1MB of js file, if all the features are required. But, could be reduced by removing unwanted plugins.

[1]: http://www.aloha-editor.org/ "Aloha Editor"

Attributions

All content for this solution is sourced from the original question on Stackoverflow.

The content on this page is licensed under the Attribution-ShareAlike 4.0 International (CC BY-SA 4.0) license.

Content TypeOriginal AuthorOriginal Content on Stackoverflow
QuestionEdward TanguayView Question on Stackoverflow
Solution 1 - JqueryChris SView Answer on Stackoverflow
Solution 2 - JqueryJeremy B.View Answer on Stackoverflow
Solution 3 - JqueryStannView Answer on Stackoverflow
Solution 4 - JqueryChrisView Answer on Stackoverflow
Solution 5 - JqueryEdin OmeragicView Answer on Stackoverflow
Solution 6 - Jquerydigital deliveryView Answer on Stackoverflow
Solution 7 - JqueryMichelView Answer on Stackoverflow
Solution 8 - JqueryShawnView Answer on Stackoverflow
Solution 9 - JqueryMehdiView Answer on Stackoverflow
Solution 10 - JqueryTowfiqView Answer on Stackoverflow
Solution 11 - JqueryuusiteView Answer on Stackoverflow
Solution 12 - JqueryJ HøieView Answer on Stackoverflow
Solution 13 - JqueryrapzoView Answer on Stackoverflow
Solution 14 - JqueryasheikhaView Answer on Stackoverflow
Solution 15 - JquerySleeView Answer on Stackoverflow
Solution 16 - JqueryGibboKView Answer on Stackoverflow
Solution 17 - JqueryiMatoriaView Answer on Stackoverflow