views:

354

answers:

7

The editor I require, needs to be easy to use. Even for people with absolutely no HTML knowledge

The projects I have tried are:

  1. TinyMCE
  2. ckeditor.com

What I'm looking for is:

  1. Editor like TinyMCE editor with a live view like in stackoverflow site.
  2. A way to insert pictures, and arrange them in the article.

EDIT: THe best solution that I think about it right now is to use:

  1. TinyMCE for WYSIWYG editor.

  2. Write custom code that will show it live in real article format.

  3. Write Ajax code that will upload the pictures to the site and then the editor can arrange them in the article, based on their ID/name.

What do you think about solution? Maybe you have a better idea?

+4  A: 

StackOverflow uses Markdown syntax and the WMD Editor

Markdown is a very nice way to create valid HTML but its feature list is much shorter than the TinyMCE Editor. It might be quite useful for your users, provided they don't need the extra functionality.

Other options you may want to consider are:

Jon Winstanley
Markdown is good for SO but would not be good for a CMS. How do you add a table? how do you add anything advanced?
corymathews
That is true. However in some situations you may want to heavily limit what a user can add. Especially if they risk breakign the design of the site if they are able to add tables, styles, images of all sizes etc.
Jon Winstanley
WMD Editor is not good enough for CMS. What I think about right now, is to use TinyMCE and write additional JavaScript that will show the article in the real format.
Mendy
Good plan. That's what I have used too in the system I built. The TinyMCE editor generates some crappy HTML but it is worth it for the extra featues
Jon Winstanley
+1  A: 

I've used both CKEditor and tinyMCE; I am using CKEditor now. If it makes a difference to you, I've needed to change the CKEditor source code on three occasions and each time it was a pleasant experience. The code is well documented.

CKEditor has released several versions in the previous weeks; the latest version fixed the problem where I needed to change the source.

Upper Stage
CKEditor is great. It's a bit sparsely documented, and there are not that many plugins around yet, but it's a very good product.
Pekka
I agree with the comment about poor documentation. The well commented code helps this problem somewhat.
Upper Stage
A: 

Ive used TinyMCE and have liked it thus far.

Pros: Easy to use no HTML needed but you can still switch to html view if you want. You can change styles and fonts and much more that a CMS would need.

Cons: However there is no way to upload photos with it. It uses the same style that the markdown here on SO uses. It can just include external images.

corymathews
A don't need a way to upload the photos... I need a way to **arrange** them.
Mendy
We use TinyMCE at work. The JS seems to take forever to load
mcintyre321
@mcintryre321 use the jQuery version it seems to load quicker. (no tests their just feel)
corymathews
+2  A: 

I have enjoyed using WYMeditor in the sites we build using ExpressionEngine (a CMS).

Pros:

  • will not allow invalid xhtml
  • lets you specify a stylesheet for it list rules from so the user can easily apply styles to content
  • code view for those who know html/css and need to tweak something
  • supports image placement (not sure you can upload through it though, the CMS we use has its own file upload utility)
  • it has passed the mom/client test for us without fail

Cons:

  • will not allow invalid xhtml... sometimes you really really REALLY want to just give up and use that <center> tag
Ty W
This editor is very interesting, but a little strange...
Mendy
+1  A: 

I use the Telerik RadEditor in my CMS. It's VERY robust, and has several hook-in points that allow you to extend its functionality to meet your needs. It doesn't have (afaik) the live view like the one StackOverflow uses, but that could probably be added if you so desired.

It does however provide the photo uploading/arranging functionality you mention, in addition to allowing you to upload documents and some other media. The downside is that the control is quite expensive, close to $1,000 I think. Fortunately, my company covers the cost :)

Ender
@Ender: it does have a preview button on the editor
Aaron M
Oh you're right, it does! I forgot about it because the edit mode is so good I rarely look at the preview :)
Ender
+1  A: 

I like the Telerik editor. It is not free, but it is very nice, and their support is great.

Ray
A: 

heres one which uses any blog editor for editing the content. If the users are serious about maintaining a site, its not unreasonable to get them to install software if its going to make their experience significantly better than a JS editor

mcintyre321
It is must to be Web based.
Mendy
fair enough! I Just thought it was an interesting approach
mcintyre321