Is there a good in-browser code editor?

javascript ide editor dhtml
levik picture levik · Oct 13, 2008 · Viewed 30.4k times · Source

We've all seen in-browser rich text editors, which allow you to edit colored/styled text in a WYSIWYG manner. But what about code editors, which automatically highlight code based on language rules as you type? Think Eclipse in a textarea (but without the refactoring support).

Do such things exist? I imagine scaling would be a problem - larger files would be difficult to edit efficiently.

Answer

interstar picture interstar · Oct 13, 2008

CodeMirror comes with support for 60+ languages, and addons that implement more advanced editing functionality (autocompletion, code folding, configurable key bindings, search & replace, linter integration etc.). A rich programming API and a CSS theming system are available for customizing CodeMirror, and extending it with new functionality.

It has been developed since early 2007, has a Wikipedia page, and is being used in a wide number of popular open source projects (Joomla, Firebug etc.).

Related questions

How to ignore a particular directory or file for tslint?

The IDE being used is WebStorm 11.0.3, the tslint is configured and works, but, it hangs because it tries to parse large *.d.ts library files. Is there a way to ignore a particular file or directory?

Read More
WYSIWYG GUI builder (IDE) for JQuery or other JavaScript framework?

Are there any IDE's that allow building of web pages / user interface using javascript frameworks such as JQuery in a WYSIWYG manner? For example, similar to how Dreamweaver allows you to build HTML pages or NetBeans allows you to graphically …

Read More
Is there an IDE with explicit support for AngularJS?

I've tried WebStorm but there only seems to be a basic JavaScript support there, like in any other web IDE I have tried. I'm looking for something that would allow me to click-through from HTML pages to Controllers etc. If …

Read More