15 Really Useful Web-based HTML Editors

Jul 17th, 09 by Dicky | View Comments |
You maybe interested in our latest article Personal Facebook Fan Pages of Celebrities.

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

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



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

4. jwysiwyg

jwysiwyg is a jQuery WYSIWYG plugin with a tiny size (7kb packed). It is very simple and without much features.
jwysiwyg - jQuery WYSIWYG plugin

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.
Yahoo! UI Library: Rich Text Editor

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

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.
openwysiwyg: Free cross browser wysiwyg editor

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.
Free Rich Text Editor

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.
WMD: The Wysiwym Markdown Editor

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.
TTW HTML 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.
Free Text Box

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

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.
BlueShoes Wysiwyg Editor

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.
markItUp! Universal markup editor

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

We regularly update articles about resources, tutorials and Wordpress to help designers and developers. If you are new to WebDesignBooth, why not subscribe to our RSS feed and get the latest updates immediately. You can also subscribe through email or follow us on Twitter.
  • http://www.whatareyouwatching.uni.cc Television Spy

    Good collection tinymce is the one of choice.

  • http://www.netcrema.com/?p=7888 15 Really Useful Web-based HTML Editors « Netcrema – creme de la social news via digg + delicious + stumpleupon + reddit

    [...] 15 Really Useful Web-based HTML Editorswebdesignbooth.com [...]

  • http://suhih.ru rusk

    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 :)

  • http://jasonfriesen.ca/ Jason Friesen

    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.

  • http://tech-glide.blogspot.com Kartik Iyer

    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.

  • http://www.BackUp.OUG.Me MushtaQ

    thats Cool set of HTML – Editors .. am used with TinyMCE.. its my Favorite :D ..

  • http://bechet.exp.sis.pitt.edu/terraplane/?p=427 Terraplane » Blog Archive » 15 Really Useful Web-based HTML Editors

    [...] 15 Really Useful Web-based HTML Editors. [...]

  • http://choosedaily.com/332/15-webbased-html-editors/ 15 Really Useful Web-based HTML Editors | Choose Daily

    [...] Choose It AKPC_IDS += “332,”; tweetmeme_url = ‘http://choosedaily.com/332/15-webbased-html-editors/';tweetmeme_source = ‘choosedaily’;tweetmeme_style = ‘compact’; This entry was posted on Saturday, July 18th, 2009. You can leave a comment, or trackback from your own site. [...]

  • http://tekkie.flashbit.net Ain Tohvri

    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?

  • http://www.insidethewebb.com/ Jake Rocheleau

    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.

  • http://listdub.com/?p=7764 LISTDUB» 15 Really Useful Web-based HTML Editors

    [...] 15 Really Useful Web-based HTML Editors. Categories: MISC Tags: html editors Comments (0) Trackbacks (0) Leave a comment [...]

  • http://caintechnews.wordpress.com/2009/07/18/all-teched-up-3/ All Teched Up « Caintech.co.uk

    [...] 15 Really Useful Web-based HTML Editors 5 Fun and Practical Htaccess Solutions – Nettuts+ Lessons From Swiss Style Graphic Design Inspiration Smashing Ma rwhdj.jpg (JPEG Image, 1440×2040 pixels) 6 Promising And Open Source Social Networking Softwares To Create Y Developer Color Picker 10 Free High Res Coffee Stains Textures Techy Tips for not so techy teachers click2try. A community site where it’s easy to try Open Source The Art of the Landing Page Seven Tips for Increasing Conversio Find web visitors location automatically with javascript and Goo eBooks Gratis – Buscamos por ti libros libres y legales, y la forma Twibbon.com – Start Something! A Guide to Google Analytics and Useful Tools Tech7.Net 8 Common Graphic Design Myths Revealed Creative Opera Design Blog [...]

  • http://mandarine.wordpress.com/2009/07/19/links-for-2009-07-18/ links for 2009-07-18 « Mandarine

    [...] 15 Really Useful Web-based HTML Editors (tags: editor html online list tools webdev) [...]

  • http://samuli.hakoniemi.net/blog/webdev-weekly-29/ ASAP – As Simple as Possible » Blog Archive » WebDev Weekly #29

    [...] 15 Really Useful Web-based HTML EditorsA nice list of WYSIWYG editors eg. for use in CMS projects. [...]

  • http://popmoderne.wordpress.com/2009/07/20/links-for-2009-07-19/ links for 2009-07-19 « POPMODERNE

    [...] 15 Really Useful Web-based HTML Editors Web component that let users enter rich text input within the browser. (tags: webdesign tools programming browser) [...]

  • http://stefanm.wordpress.com/2009/07/20/cool-articles-%e2%80%93-seo-blogging-internet-marketingjuly13-july19-2009/ Cool articles – SEO, blogging, internet marketing(july13-july19 2009) « Stefanm, my link collection

    [...] 15 Really Useful Web-based HTML Editors(FCKeditor, NicEdit, TinyMCE, jwysiwyg, Xinha, Openwysiwyg, etc); [...]

  • http://cssbrigit.com/CNews/entrada/2009071917333173 CSS Brigit | 15 Really Useful Web-based HTML Editors

    15 Really Useful Web-based HTML Editors…

    Web-based HTML Editor lets users create HTML content easily and here i am going to share 15 useful HTML Editors….

  • http://www.nouveller.com/ Benjamin Reid

    You might have missed the most important one. https://bespin.mozilla.com/

  • http://bluelectric.org/2009/07/20/linkschleuder-39/ Linkschleuder — bluelectric.org

    [...] 15 Really Useful Web-based HTML Editors – Für den Listenfreund in mir. Per Default (WordPress) nützt der Mensch ja oft TinyMCE. [...]

  • http://yloz.eu/2009/07/20/15-webes-html-szerkeszto/ 15 webes html szerkesztő | Yloz féle zacc

    [...] TinyMCE, a Yahoo! editora és pár egyéb… 15 Really Useful Web-based HTML Editors VN:F [1.5.5_825]please wait…Rating: 0.0/10 (0 votes cast)VN:F [1.5.5_825]Rating: 0 (from 0 votes) [...]

  • http://kurtvonmoos.com/kurts-lifestream-for-july-20th/ Kurt’s Lifestream For July 20th | Kurt von Moos.com

    [...] 15 Really Useful Web-based HTML Editors Online WYSIWYG HTML editors for web [...]

  • http://www.webdesignbooth.com dicky

    Hi Benjamin,
    Thanks for introducing Mozilla Bespin to us! It is too great, and will definitely change a developer life! Thanks!

  • http://www.webdesignbooth.com dicky

    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.

  • http://www.webdesignbooth.com dicky

    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.

  • http://www.technologyjuice.com/weekly-recap-07192009/ Weekly Recap | Technology Juice

    [...] 15 Really Useful Web-based HTML Editors [...]

  • http://www.nouveller.com/ Benjamin Reid

    In combination with the Google Chrome OS, us web developers can be up and working online within seconds.

  • http://design-newz.com/2009/07/20/15-really-useful-web-based-html-editors/ 15 Really Useful Web-based HTML Editors | Design Newz

    [...] 15 Really Useful Web-based HTML Editors [...]

  • http://www.joyoge.com/ joyoge designers’ bookmark

    useful resources of editors, thanks for the list

  • http://www.neurosoftware.ro/programming-blog/blogposter/web-resources/15-really-useful-web-based-html-editors/ 15 Really Useful Web-based HTML Editors – Programming Blog

    [...] DIRECT LINK » [...]

  • http://www.tomsteel.co.uk Tom

    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?

  • http://www.tripwiremagazine.com/news/news/user-submitted-links-july-20-21.html User submitted links July 20-21 | tripwire magazine

    [...] 15 Really Useful Web-based HTML Editors [...]

  • http://www.nouveller.com/ Benjamin Reid
  • http://www.tomsteel.co.uk Tom

    Oh, that looks like it could be quite clever….

  • http://hiperfon.ru/ Hiperfon

    Thanks for post. It’s really imformative stuff.

  • http://thegreatgeekmanual.com/blog/link-round-up-july-23-2009 The Great Geek Manual » Link Round-Up: July 24, 2009

    [...] 15 Really Useful Web-based HTML Editors – 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. [...]

  • http://greatcreativelinks.com/?p=2337 Monday Morning Inspiration #6 — GreatCreativeLinks.com

    [...] – Title Sequence from Jr.canest on Vimeo.Typography Landscape from idnworld on Vimeo.Best-Of15 Really Useful Web-based HTML Editors Interview with Colorburned Editor Grant Friedman What to Include In Your Design Contracts 50 New CSS [...]

  • http://www.justinluey.com/blog/2009/07/28/discovered-on-digg-july-27th-2009/ Discovered on Digg July 27th, 2009 | Dream Out Loud

    [...] 15 Really Useful Web-based HTML Editors [...]

  • http://www.jaceju.net/blog/?p=613 網站製作學習誌 » [Web] 連結分享

    [...] 15 Really Useful Web-based HTML Editors [...]

  • http://hailyblog.net haily

    nice post, keep it up, thanks

  • http://phpanywhere.net ivan

    Why not try this Online PHP Editor – PHPanywhere.net

  • http://iodus.toata.info/2009/07/webmaster-tools/ Iodus Blog » webmaster tools

    [...] 15 Really Useful Web-based HTML Editors [...]

  • http://www.webdesignbooth.com Dicky

    Hi ivan,
    You have a great web tool. I’ll create another post to include yours! :)

  • www.phpanywhere.net ivan

    Many thanks! I would really appreciate it :)

    Let me know when you do though, ok?

    Thanks again!!

  • alberto

    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.

  • http://www.webdevtuts.net Marcell

    Great list! I love notepad++ though

  • http://paranimage.com/15-web-based-html-editor/ 15个基于Web的HTML编辑器 | 帕兰映像

    [...] 15 Really Useful Web-based HTML Editors | Web Design Booth 中文译文:15个基于Web的HTML编辑器 | [...]

  • http://www.fangleo.cn/?p=1121 15个基于Web的HTML编辑器 – 关注Web前端开发的技术博客

    [...] 15 Really Useful Web-based HTML Editors | Web Design Booth 中文译文:15个基于Web的HTML编辑器 | 帕兰映像 [...]

  • http://www.mangguo.org/15-web-based-html-editor/ 15 个基于 Web 的 HTML 编辑器 | 芒果

    [...] 英文原稿:15 Really Useful Web-based HTML Editors | Web Design Booth 翻译整理:15个基于 Web 的 HTML 编辑器 | 帕兰映像 [...]

  • http://greatcreativelinks-com.cust.netzone.ch/?p=2337 Monday Morning Inspiration #6 | GreatCreativeLinks.com

    [...] 15 Really Useful Web-based HTML Editors Interview with Colorburned Editor Grant Friedman What to Include In Your Design Contracts 50 New CSS Techniques For Your Next Web Design New And Comprehensive WordPress 2.8 Tutorial and Hack Toolbox [...]

  • kalpesh

    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!

  • madison

    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.

  • www.phpanywhere.net ivan

    Well they may not be but check out http://www.phpanywhere.net it definitly is web based.

    Enjoy!

  • tiger

    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…

  • http://htmleditor.in WYSIWYG

    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

  • http://www.thegameshelp.com thegameshelp

    Thanks for the step wise information…

  • http://www.homecarebasics.com Home design

    you explained the things clearly, and thanks for your information

  • http://www.webedesigner.com/ Greg Harris

    Awesome, blog post!!

  • http://www.justinluey.com/blog/2009/07/discovered-on-digg-july-27th-2009/ Discovered on Digg July 27th, 2009 | Dream Out Loud by Justin Luey

    [...] 15 Really Useful Web-based HTML Editors [...]

  • Ariel M

    Hi, try http://www.online-html-editor.net
    Is very simple and cool..

  • http://www.artists.me Jarad

    This was one of the most useful blog posts I’ve ever seen. I left it to look on Google for more web-based editors but then scrambled back to find this post again because you’ve really done your homework. Thanks for helping me find the right web-based editor.

  • http://www.gozdeberberoglu.com/2009/07/21/gunun-derlemeleri-21-temmuz-2009/ Gözde Berberoğlu » Günün Derlemeleri / 21 Temmuz 2009

    [...] eklentileri Link Web tabanlı HTML editörleri Link Havalı jQuery uygulamaları Link jQuery galeriler Link HTML5 + jQuery + Canvas ile grafik çizme [...]

  • http://www.bestnikeshoxshoes.com nike shox oz

    good post

  • http://www.verbosus.com verbosus

    Would be cool if there’d exist a WYSIWYG for LaTeX. Currently, there exist several browser based editors (like http://www.verbosus.com ) but all of them allow direct code editing only :|

  • http://www.guiking.com/?p=281 15 个基于 Web 的 HTML 编辑器 | 以用户为中心的UI设计

    [...] 英文原稿:15 Really Useful Web-based HTML Editors | Web Design Booth 翻译整理:15个基于 Web 的 HTML 编辑器 | 帕兰映像 免责声明:本站所述言论、本章、截图均来自网络或仅代表个人观点,版权归原作者所有,在此只是加以分享。如有冒犯,请来信说明。 [...]

  • http://www.photodekho.com Nisha Shah

    I liked it. So much useful material. I read it with great interest

  • George Pajari

    CKeditor looks wonderful but unless you are a PHP and AJAX expert, don’t waste your time. The documentation leaves out key pieces of information (and is very hard to navigate) so that you end up having to purchase support to get it running.

    Although I have set up hundreds of websites and administer racks of Linux servers, I gave up after a couple of hours of wasted effort.

    Be warned.

  • http://www.nucreativa.com Ary Wibowo

    thanks for the list :D

    i’m really need this stuff right now

  • http://www.eddiewright.co.uk Eddie Wright

    Really helpful list, thanks very much

  • http://myanxietycure.org Belinda

    Good list and although I’ve been using TinyMCE for a few years I ha d a look at Mozilla Bespin and its pretty cool and well worth checking out.

  • http://humblemiraclemineral.com Mark

    I definitely love notepad++ too. It is great for everything. But I suppose it is kind of for advanced users.
    Jim Humble

  • http://www.doggatesforthehouse.com/ Ray

    Web design is one of my favorite hobbies — However, I needed a way to make my sites look more appealing. Finding your list of free web editors was a great find. Thanks for sharing

  • http://www.fireplacepricematch.co.uk/gas_electric_fireplaces.html Mark’s Fireplaces

    Thank you for this helpful content, Dicky.
    Out of all the HTML editors included in the list, here are the top three for me: FCKeditor, Openwysiwyg, and the Free Rich Text Editor. I love these editors because they have several features and are absolutely user friendly.
    I’ll definitely revisit your website for more reviews and tips.

  • http://lastlonger-inbed.com Nigel Stevens

    Thank you for this i have been searching for a blog like this for a long time! Tt deserves to be on the front page of Google!

    N

  • http://www.bryantsmith.com Website Design

    I had no idea so many existed, I’ve been using tinyMCE for awhile now and didn’t know I had options.

  • Mrinal
  • Anan

    test

  • http://blogging-techies.blogspot.com/ Christian Esperar

    Nice list! I use SPAW in  my developing a website and it is really great! I don’t think a possible reason why it is last in the list.

  • psd to wordpress

    CKEditor looks wonderful, but unless you are an expert in PHP and AJAX, do not waste your time. The documentation leaves out key pieces of information (and it is very difficult to navigate) to end up having to hire the support to get it going.

blog comments powered by Disqus