What's the best WYSIWYG Editor for use with jQuery?

views:

20701

answers:

+38 Q:

What's the best WYSIWYG Editor for use with jQuery?

I know there are a quite a few WYSIWYG HTML editors written in JavaScript, but most of them aren't written to take advantage of jQuery. I'm looking to use one in a project I'm working on, and I would like to know which of ones are the best.

I'd prefer it to make use of jQuery for compatibility reasons, but it isn't required to be a jQuery plugin. However, I'm sure that the best ones out there are plugins.

What WYSIWYG HTML Editors for use with jQuery are the best? Which do you use, and do you have any comments about them?

Have you tried this one called wmd: http://wmd-editor.com/demo

Shingi 2009-07-17 01:21:29

This looks like a good markdown editor; in fact it's the one that SO uses. However, I am looking for a WYSIWYG editor that allows non-"HTML Savvy" users to edit pages similarly to editing Word documents.

Chris Pietschmann 2009-07-17 01:30:27

+22 A:

Well there is actually a jquery plugin : http://code.google.com/p/jwysiwyg/

It is a bare-bones framework implementation though, exactly why I like it. You can extend it exactly to your needs. You might need something more robust, but I personally would recommend and do use jwysiwyg, it is easy to understand and extremely lightweight compared to tinymce or fckeditor.

superjadex12 2009-07-17 01:23:13

We just moved from TinyMCE to jwysiwyg for our public-facing editing largely because the voerhead for TinyMCE is so large. We still use TinyMCE in the back-end for admins, but for more basic requirements jwysiwyg is really good.

Toby Hede 2009-07-17 02:07:56

It doesn't work well with Internet Explorer without tweaking. http://code.google.com/p/jwysiwyg/issues/detail?id=128#c0

Zack Peterson 2009-11-12 20:39:54

I can't get the examples to work at all with IE8

Phil Hale 2010-09-09 13:21:47

Re: @ZackPeterson's issue --it is marked as fixed.

EBarr 2010-10-30 17:17:16

+11 A:

MarkItUp is a semi-WYSIWYG editor written with JQuery. It lets users enter simplified markup schemes such as textile, markdown or even plain HTML. The user can then hit a preview button to have the server render out a preview. It is very similar to the stack overflow text box, in fact.

I actually prefer this method as it tends to yield cleaner markup than standard rich text editors, but it is still simple enough for the average user to understand.

Soviut 2009-07-17 01:24:30

wow, this one isn't really a wysiwyg editor, but it looks really interesting!

Chris Pietschmann 2009-07-17 01:28:32

I've used FCKeditor in conjunction with a jquery plugin

It did the trick for me, as I've used FCKeditor for ages. It's (the plugin) a bit tricky to get used to in complex situations, so let me know if you give it a go.

FCKeditor also has a new editor in the works called CKeditor that sounds promising.

ScottE 2009-07-17 03:58:28

+1 A:

There is Damn Small Rich Text Editor which aims to have the smallest footprint possible : http://avidansoft.com/_en/scripts

And there is also uEditor, originally based on widgEditor but rewritten for jQuery and considerably modified since : http://www.upian.com/upiansource/ueditor/en

And i forgot WYMeditor, a web-based WYSIWYM (What You See Is What You Mean) XHTML editor : http://www.wymeditor.org/

Michel 2009-07-17 06:44:35

Might it be possible that you have added the wrong url to the first link? it is the same url as the one for the second link, the uEditor one.

Sander 2009-07-20 07:53:26

Yes. I made the correction.

Michel 2009-07-20 09:13:41

eh lol, you turned them around now :P the uEditor link goes to avidansoft and the avidansoft link goes to the uEditor site :D

Sander 2009-07-20 12:20:02

I just fixed the links

Chris Pietschmann 2009-07-20 23:35:39

@Chris Pietschmann : merci

Michel 2009-07-22 09:02:51

+4 A:

we used Nicedit in 2 projects now, if we find anything better we will switch, but untill now we are satisfied with the results of this Nicedit.

its Lightweight and easy to implement.

Sander 2009-07-18 03:25:25

This one doesn't use jQuery.

2009-07-20 23:32:26

looks good though, like the fact they have provided code to get you started instantly, would be useful for anyone with limited knowledge

Andi 2009-07-22 09:34:55

Handy feature with the integrated image upload too :)

Andi 2009-07-22 09:42:15

+8 A:

Chris Pietschmann 2009-07-22 00:54:25

This doesnt seem to output xhtml compliant code (Inserting of images) Also it doesnt appear to work in IE8 on my machine , works fine in firefox though.I like it though very good and simple. I found a lot of other editors hard to customise.SA

Andi 2009-07-22 09:17:51

Please report any issues you have with it to the jHtmlArea projects Issue Tracker: http://jhtmlarea.codeplex.com/WorkItem/List.aspx Thanks

Chris Pietschmann 2009-07-23 03:11:37

This one has a post issue with not posting the HTML data. Unfortunate as the plugin rocks other than that.

CmdrTallen 2009-10-03 13:02:02

doesnt work in ie6

msony 2010-01-07 13:02:53

Why don't you upgrade instead of using a nearly 10 year old browser that is completely packed full of security vulnerabilities? You have plenty to pick from: IE8, Firefox 3.5, Safari or Chrome.

Chris Pietschmann 2010-01-08 20:36:44

Well, I'm sure mr. msony is worried about the browser his end users are using, not his own browser. Still, I've dropped supporting IE6 users myself. You might still get a few stragglers using IE6, but not enough to warrant the enormous cost of engineering for IE6.

Adam Nofsinger 2010-01-25 22:57:56

Unfortunately 10% of users still use IE6 and the company I work for insists that we support them. :(http://www.w3counter.com/globalstats.php

Rowno 2010-02-07 06:23:22

People use IE6 as long as it is supported (by webdevs). The longer you guys continue supporting it, the longer it will stay alive. Please do yourself a favor and drop the support.

jholster 2010-05-15 18:56:16

+5 A:

CKEditor is now bringing native support for jQuery: http://ckeditor.com/blog/CKEditor_for_jQuery

The jQuery community will certainly enjoy it!

FredCK 2010-01-19 17:17:06

Thanks, Fred!!!

Josh Stodola 2010-01-19 17:21:42

I just tried using the jQuery adapter and it didn't want to save properly, in that it didn't update the textareas before posting the form.

Daniel Huckstep 2010-09-02 20:25:21

Check out Stiqr.com. They've created jQuery WYSIWYG web editor. All edits are done visually and there is no code involved. All you do is upload images and add shapes using their user-interface. It is pretty easy to use and even fun :).

Duke Santos 2010-02-07 06:08:42

stiqr is actually pretty cool

jae 2010-02-27 05:01:36

+1 A:

CLEditor is an open source jQuery plugin which provides a lightweight, full featured, cross browser, extensible, WYSIWYG HTML editor which can be easily added into any web site.

9 KB minified (with pictures)

http://premiumsoftware.net/cleditor/

MoRtiy 2010-08-11 10:18:45

+1 A:

About jwysiwyg: The location of the projects seems to have changed from google code to github: http://akzhan.github.com/jwysiwyg/. THis projects offers clean code and very configurable wysiwyg. Perfect for projects using DVCS integration (via git). [Last commit was done one weeks ago.]

Goldfrapper 2010-10-06 09:17:42

+1 A:

There is new but already powerful WYSIWYG written purely in jQuery and UI - elRTE

troex 2010-10-18 16:37:52

HTML box is a good one which works based on jQuery.It has got most of the formatting toolbar and its only 14 KB size

http://htmlbox.remiya.com/

http://htmlbox.remiya.com/cms/download/

Shyju 2010-10-18 16:46:03

Wow no one has mentioned Aloha Editor

http://aloha-editor.com/

balupton 2010-10-18 16:49:48

ansaurus

tags:

views:

answers:

What's the best WYSIWYG Editor for use with jQuery?

related questions