Advertisement
Web-based HTML Editor, WYSIWYG editor, or rich text editor, is a web component that let users enter rich text input within the browser. Most of the time, these html editors are used within content management systems where administrators or authors can easily create posts and contents from the backend system.
Without talking much, let’s see these powerful Web-based HTML Editors.
1. FCKeditor
FCKeditor is one of the most famous online HTML editor. It brings the power and features of desktop editors to the web. It offers a complete integration pack for ASP, ASP.NET, PHP, Java, Perl, Phyton and etc. It supports skins, spell checker, lightweight, fast and has a lot of cool features.
2. NicEdit
NicEdit is a Javascript that integrates into any web page easily. It can turns any element/div to become editable or convert standard textareas to rich text editing.
3. TinyMCE
TinyMCE is an online wysiwyg html editor released under LGPL license. Like other wysiwyg html editors, it is able to convert textarea or other html elements to editor instances.
4. jwysiwyg
jwysiwyg is a jQuery WYSIWYG plugin with a tiny size (7kb packed). It is very simple and without much features.
5. Yahoo! UI Library: Rich Text Editor
The Rich Text Editor is part of the Yahoo YUI library and users can easily extend the features via creating plugin for it. It is very suitable for those who already familiar with other controls from YUI library.
6. Xinha
Xinha is a powerful WYSIWYG HTML editor component that works in all current browsers. It is built by the open source community, and everyone are welcome to contribute to the project.
7. Openwysiwyg
Openwysiwyg is yet another powerful open source cross browser WYSIWYG editor that contains a lot of features. It enhances table creation and you can easily create tables and customize them with built-in properties.
8. Free Rich Text Editor
Free Rich Text Editor is an extremely easy to use FREE javascript based HTML WYSIWYG editor for your website. It is easy to implement and manage to output XHTML compliant code.
9. WMD: The Wysiwym Markdown Editor
WMD is a simple and lightweight HTML editor which can be used in blog comment section or forum posts.
10. TTW HTML Editor
TTW HTML Editor is a very simple wysiwyg html editor that powered by javascript. Its spell checking feature is powered by SpellerPages, which can easily being implemented by adding parameter to the editor.
11. Free Text Box
FreeTextBox is the most-used HTML editor for ASP.NET. It is compatible with IE on the PC, and Mozilla and Firefox on all platforms.
12. WYMeditor
WYMeditor is a web based XHTML editor. WYMeditor has been created to generate perfectly structured XHTML strict code, to conform to the W3C XHTML specifications and to facilitate further processing by modern applications.
13. BlueShoes Wysiwyg Editor
It is a DHTML and Javascript based editor which has a lot of cool features. For example, user can easily resize the editor, select special characters, and pick color using the color picker tool.
14. markItUp
markItUp! is a JavaScript plugin built on the jQuery library. It is very lightweight and very customizable. You can even define your favorite keyboard shortcuts, which adds extra user friendly feature.
15. SPAW Editor
It is a web based WYSIWYG editor which had tabbed multi-document interface, floating/shared toolbars and a very cool interface. It is available in PHP and .NET versions.
Good collection tinymce is the one of choice.
For me, FCKeditor is the best. I like its file manager very much. Its also very featured. I used TinyMCE before and I can compare
I absolutely recommend http://xstandard.com/ . It outputs some of the cleanest, strictest XHTML anywhere, encourages accessibility, and has an awesome free version. The paid version gives you upload/filebank, Word cleanup and other stuff. Best editor anywhere.
Actually the article was really very good and well explored, but did it really mean HTML Editors or text editors because most of them were meant to be text editors.
thats Cool set of HTML – Editors .. am used with TinyMCE.. its my Favorite
..
Since most users need a very simple layout for most of their stuff, I think markItUp sounds like a nice alternative to tinyMCE, esp. because it runs on jQuery which in most cases is there anyway.
Has anyone tested it? Does it output proper valid XHTML?
Hi Ain,
I am not sure whether markItUp will generates proper valid XHTML or not, since i never use it before. Maybe you can try contact the author.
I find that I get the best results when the text boxes and toolbars look similar to the Microsoft Office suite, as people are used to that and pick up very easily how to use the text editor.
Hi Jake,
You are right. People are used to what they had seen everyday. The FreeRichTextEditor is the most similar with Microsoft Office, but you can create theme for other editors so that they look similar with Office too.
You might have missed the most important one. https://bespin.mozilla.com/
Hi Benjamin,
Thanks for introducing Mozilla Bespin to us! It is too great, and will definitely change a developer life! Thanks!
In combination with the Google Chrome OS, us web developers can be up and working online within seconds.
useful resources of editors, thanks for the list
Does anyone know if a online HTML editor for creating HTML dreamweaver-style?
In the same way there are online image editing websites, is there the equivalent for HTML/CSS?
Check this https://bespin.mozilla.com/
Oh, that looks like it could be quite clever….
Thanks for post. It’s really imformative stuff.
nice post, keep it up, thanks
Why not try this Online PHP Editor – PHPanywhere.net
Hi ivan,
You have a great web tool. I’ll create another post to include yours!
Many thanks! I would really appreciate it
Let me know when you do though, ok?
Thanks again!!
Nice list, I personally prefer TinyMCE due its license flexibility, I mean FCKEditor is commercial, you should pay to redistribute, TinyMCe you can donate according your budget.
Great list! I love notepad++ though
It is a very useful article and great collection.
I just wanted to know which editor generates html with
tags bcs When it is getting removed when we see html code.
Thanks!
wait these aren’t web based. they require “download” .. i was looking for literally WEB based, like editing right on the screen without downloading and installing. i’m confused.
Well they may not be but check out http://www.phpanywhere.net it definitly is web based.
Enjoy!
I absolutely recommend the http://dewem.com . It’s match more as web-based tool, it’s a simplest multilingual multi-browser visual template-system, where the HTML und CSS are object-oriented handled. See it at FAQ-page in the movie…
I would also like to add that if you want an online HTML editor with all features you should checkout sites like http://htmleditor.in
You can type in your content and just click on source to get the HTML Source code
Regards
Josh