3 Browser Based Editors to Watch

In the last couple of weeks, there has been a fair amount of talk about three web based editors. Google has started embeding CodeMirror into Google Project Hosting, IBM is developing Orion, and Mozilla is merging Bespin/SkyWriter into Ace, Cloud9’s editor. Everything from office suites to music players have been migrating online, it seems likely that these editors will be the next category of apps to live in your browser. Will they replace vi, emacs, or TextMate? Probably not any time soon, but they do offer some interesting opportunities, let’s take a look at each of them.


CodeMirror seems to the be one of the oldest browser based editors. If you’re interested in how it’s implemented, there is a great article covering CodeMirror’s creation. The focus so far seems to be around making a decent editor you can embed in existing projects. Of the three editors, it seemed to be the slowest, but also the most versatile, well documented, and mature editor. It is also worth noting that google has been using it for a while in their KML playground, patch submission for Google Project, and the Google API Playground.


Little has been said so far about Orion, and it’s obviously in an early stage, but it sounds like some of the Eclipse team is working on it, which is interesting news. I couldn’t find an online demo, however it’s quite easy to download and run the Orion server. The editor itself is pretty snappy, and already has some unique features such as code annotation. Where as CodeMirror is aimed at embedding in existing pages, Orion is setting out to be a full IDE which handles loading and saving files as well as managing user accounts. The general interface surrounding the editor is quite rudimentary at this point, but what is working so far looks good.

Ace / Cloud9

As I mentioned above, Mozilla’s Bespin/SkyWriter is being merged into Ace, the editor for the Cloud9 IDE . Bespin was a very interesting project, and I think Ace shows some great potential. The editor itself is quite fast, and seems natural to use. There isn’t much information out there concerning the full IDE, so I tried signing up for the hosted beta, but found that you can already download and install Cloud9 the IDE yourself. The Cloud9 IDE let’s you easily serve up any directory and edit it through your browser.  The interface is surprisingly polished, and seems like it could really offer up a good experience in the future.

So where does all this leave us? None of these editors have the additional functionality that we expect in our day to day editors, but the promise of being able to edit files quickly within your browser is interesting.  These editors could decrease some of the barriers to web applications, perhaps becoming as useful as tools like Firebug.  I’m not about to throw out TextMate, but as a web developer, I think these editors will fill a useful niche in the future.


Filed under development, Web Development

10 responses to “3 Browser Based Editors to Watch

  1. Pingback: 3 Browser Based Editors to Watch

  2. Have you looked at CodeRun? That site is still amazing to me.


    It gets major props for not needing an account to start playing with it. They even have integrated application hosting (through Amazon EC2, so you can press one button and have your project hosted on a public facing server. The devs say they are planning on adding hosted SVN support so you could work on a project via SVN on your desktop in any IDE you like, commit your code and reload a web based IDE anywhere else.

    Full disclosure, while I wish I worked for these guys I do not represent the company in any way. I’m just amazed at what they have built.

    • Adam Sanderson

      That’s pretty interesting, I’ll have to look at it some more. I wonder how they’re doing their editor component…

  3. Pingback: 3 Browser Based Editors to Watchについて « 徒然モデリング

  4. WRT CodeMirror’s speed, it might be interesting to know that CodeMirror 2, which will be much faster, is in beta.

  5. Pingback: A Quick Look at CodeMirror 2 | End of Line

  6. Pingback: I link della settimana | Appunti d'informatica

  7. Pingback: Text Area Html Editor - DesignersTalk

  8. The CodeMirror page has great examples showing the editor’s rich feature set: And at https://notex.ch you can check how a browser based editor complete with project management has been implemented based on CodeMirror.