Rich Text Editor On browser, other than nicEdit, tinyMCE, non-jQuery - javascript

I'm looking for a non-jQuery based Rich Text Editor for my web application. I did try nicEdit and it has cross-browser issues, especially with firefox.
We are writing application level javascript code as well, comparing the values in the RTE , diasbling/enabling it.

Other well-known browser-based RTEs include:
CKEditor
Aloha

Related

Low Level Web based Editor

Is there any open source low level web based editor ?
(I'm aware of wysiwyg editors like CKEditor, I'm looking for something different. )
The editor should work in a way like new Google Docs editor.
The editor should take user's input key by key and should build the text. so that the client JavaScript can have complete control while editing.
Why i need it ? I need to build a DSL editor for my application with syntax highlighting and auto complete.
I already found code editor ace http://ace.ajax.org . but it has lots of features that I don't need, so I'm searching for alternatives.
I'm looking for similar lightweight editor, so that I can add my features (like autocomplete ) easily to it.
Have you seen Aloha Editor?
HTML5 and fast too:
http://www.aloha-editor.org/
It's open source there are no iframes and you can access the page contents just as they are.
It's the future of html editors.
There's collabedit:
http://collabedit.com/

Looking for light text rich editor for enterprise website ,more light then tinymce with basic buttons for comment form

I am Looking for light text rich editor for enterprise website ,more light then tinymce with basic buttons for comment form.
Its important that editor will also work in IE6.
until now I try cleditor 15KB, but he have problem with IE when 'enter' press.
cleditor have issue - (Jquery-Rich Text Editor) How can be fixed bug in rich text editor - when press enter in firefox created 'br' tag but in IE created 'p' tag?
YUI Editor 76kb - still prefer something lighter like cleditor 15kb and use jquery and not yui 2 framework.
HtmlBox editor- only for personal use according lisence and also have some bugs in simple demo.
markitUp editor - not show result , only in other window.
tinymce/ckeditor - not light editor
jHtmlArea - not support IE6
jwysiwyg - still beta version, not tested on IE6?
Update: I alreay use jquery.
please if you have good suggestion,
Thanks,
Yosef
7kb jQuery minimalist rich text editor that works in everything as far as I know (including IE6 but I never tried it with IE9):
http://batiste.dosimple.ch/blog/posts/2007-09-11-1/rich-text-editor-jquery.html
If you are ok with using Mootools framework. Mooeditable is a simple web-based WYSIWYG editor, written in MooTools. Works on A-Grade Browsers MIT license. Mooeditable
As far as size goes you can build your own using the builder and take out components that you do not need. Hope this helps.
Have you tried CKEditor? It's licensed under flexible Open Source and commercial licenses
According to their website, you'll be able to integrate and use it inside any kind of application, making it an ideal editor for developers to provide easy and powerful solutions to their users.
The cost of the license for a single website is about $400. You did say it was for an enterprise website, so maybe the cost isn't an issue.

Is designMode bad?

In a previous post that I posted here, I got responses that contentEditable and designMode are bad practices. So I switched to TinyMCE, but that uses designMode as well... is there something bad about it?
Im using it for a Rich Text editor on my website fyi.
They were trying to tell you not to re-invent the wheel.
If you're using designMode, you probably want either a rich text editor (with toolbars) or a syntax-highlighting code editor.
In either case, you should reuse existing libraries rather than re-creating them from scratch. (Rich text editors are hard, especially across browsers)

How does Google mail achieve rtf in textarea?

I am intended to develop a rich input textarea similar to Google mail. Any ideal or resource to share? Thanks in advance!
My suggestion is to use TinyMCE it is a great Rich Text Box. Yahoo also has a really great Rich Text Editor (which has been deprecated).
These are not textareas, btw - they are IFRAMEs holding full HTML managed by the editor code. I also recommend FCKeditor - very configurable and easily integrated. You can write your code using textareas, make a javascript call and those textareas go hidden and the IFRAME gets injected in place. Upon submit the html gets copied back in the textarea. so really don't need to do much...
I am not sure what google uses, but I've used FCKEditor and it worked out great.
Look at the ContentEditable tag. And also have a look at Squire on gihub which is an open source rich text editor that is very lightweight and flexible (used in opera's mail client)
The editors given in the other answers are very heavy and come with their own (outdated, bloated) UI components.

A sample for jQuery based WYSIWYG Editor demonstrate OOP javascript

Want a WYSIWYG jQuery Editor as an example to illustrate how to use jQuery to built OOP javascript component.
P.S.
It is so good stackoverflow can use markdown... Would be a heaven if users would love such thing too
jHtmlArea - WYSIWYG HTML Editor for jQuery
A simple, light weight, 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 DOM Elements on the page. The minified script alone is 7kb, and with css and image files it's a total of 15kb.
This project also include Visual Studio JavaScript Intellisense support.
(source: codeplex.com)
http://projects.bundleweb.com.ar/jWYSIWYG/ looks outdated, better try this link to jwysiwyg
jwysiwyg looks good but there's no useful documentation at all!
Check CleEditor http://premiumsoftware.net/cleditor/
CLEditor supports the following browsers on both the mac and pc: IE 6.0+, FF 1.5+, Safari 4+, Chrome 5+ and Opera 10+. All testing is done using jQuery 1.4.2.
CLEditor provides a rich plugin development environment, allowing you to customize its user interface and functionality to fit your needs.
http://wmd-editor.com/features#compatibility
or maybe if you just have time to write/modify for your own parse (as i will do)
use this:
http://markitup.jaysalvat.com
The WYSIWYG which can accept formatted text copied from Microsoft Word, are...
CLEditor
jHTML Area
NicEdit
Xinha
jWYSIWYG
I chose CLEdit, because the code is clean, and it allows me to decide how I want images to be aligned, and it doesn't have bugs like NicEdit. On NicEdit, it produces DOUBLE line breaks when HTML code is copied from other sites into the editor.

Categories