What is the best rich textarea editor for jQuery? [closed]

P

17

54

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.

Probe answered 16/10, 2008 at 8:27 Comment(2)

I posted a similar question here: #181327 – Halftrack 16/10, 2008 at 12:57

Starter kit you can play with: #42092637 – Awake 14/7, 2020 at 21:1

R

27

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

Romulus answered 1/2, 2009 at 20:4 Comment(5)

Markitup is great, but it's not really a rich editor. It just adds buttons to a normal textarea. When people say "rich editor," they generally mean WYSIWYG. – Saiga 1/4, 2010 at 17:56

Jeremy B did mention it about 4 months before your answer. Guess a picture is worth a dozen votes. :) – Baccalaureate 16/6, 2010 at 15:18

@Great Turtle My answer is like the iPhone 4, and has the glass effect – Romulus 21/6, 2010 at 10:55

The bottom pane gives you a preview, it's 1/2 WYSIWYG – Romulus 23/12, 2010 at 12:9

Try this: link. – Donielle 10/4, 2013 at 21:14

T

15

For me 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.

Transducer answered 16/10, 2008 at 13:8 Comment(0)

M

11

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)

Moncada answered 4/5, 2010 at 1:2 Comment(0)

L

8

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

Loads answered 9/9, 2010 at 18:5 Comment(2)

Finally someone made this work with jQuery! Really liked NicEdit, but now that this is here and works in jQuery, I can be more pure. Love this thing. Must use on my next project. – Plantain 22/3, 2011 at 11:39

Very nice and minimalistic editor. – Nobles 12/7, 2013 at 15:5

A

7

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

Amelioration answered 1/2, 2009 at 20:29 Comment(0)

G

6

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.

Gaslight answered 16/10, 2008 at 9:4 Comment(0)

U

3

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

Ulceration answered 16/10, 2008 at 13:18 Comment(0)

L

3

I really like Yahoo's YUI Rich Text Editor.

Lelalelah answered 16/10, 2008 at 13:21 Comment(0)

H

3

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

Harpole answered 5/12, 2009 at 23:43 Comment(0)

H

2

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.

Helotry answered 29/12, 2010 at 7:39 Comment(0)

L

1

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

Longhair answered 11/11, 2010 at 6:57 Comment(0)

B

1

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.

Benfield answered 24/11, 2010 at 16:39 Comment(0)

L

1

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

Laugh answered 31/1, 2011 at 20:15 Comment(0)

F

1

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/

Fabriane answered 24/5, 2011 at 18:21 Comment(0)

N

0

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...

Ninon answered 14/1, 2009 at 16:6 Comment(0)

S

0

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

Sperling answered 30/9, 2011 at 17:27 Comment(0)

W

0

Aloha Editor 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.

Wilhite answered 17/9, 2012 at 13:26 Comment(0)

Recommended topics

Hot tags