Is there a good code editor in the browser?

Question

We have all seen text editors with an enhanced browser that allow you to edit color / stylized text in the WYSIWYG way. But what about code editors that automatically highlight code based on language rules as you type? Think Eclipse in a text box (but without refactoring support).

Are there such things? I assume scaling will be a problem - large files will be difficult to edit efficiently.

Answer 1

CodeMirror comes with support for more than 60 languages ​​and add-ons that implement more complex editing functions (auto-complete, code folding, custom key binding, search and replace, linter integration, etc.). To configure CodeMirror, an advanced programming API and a system of thematic CSS functions are available, as well as advanced functionality.

It was developed from the beginning of 2007, has a Wikipedia page and is used in many popular open source projects (Joomla, Firebug, etc.).

Answer 2

Ace . They do not use iFrame.

Answer 3

The editArea javascript library does a pretty good job. It is used by the OpenCMS content management system as the JSP and JavaScript editor does in place. The coloring is a little confusing when the file is> 2000 lines or so.

List of functions from your page:

• Easy integration, only one script and one function call are included
• Tab support (allows you to write well-formed source code)
• Search and replace (with regex)
• Real-time customizable syntax highlighting (currently: PHP, CSS, Javascript, Python, HTML, XML, VB, C, CPP, SQL, Pascal, Basic, Brainf * ck)
• Auto-scrub new lines
• Line numbering
• Multilingual support (currently: Croatian, Danish, English, French, German, Italian, Japanese, Polish, Portuguese).
• Full screen mode
• It can work in the same environment as protype and mootools like libraries.

Answer 4

Mozilla Bespin looked very interesting, but the project was discontinued .

Answer 5

Javascript VI , there are some errors, but an interesting idea. VI FTW!

Answer 6

This is a side sentence, but I use the Firefox plugin "It All Text!" to send my text areas for editing - all good markup, search, etc.

Of course, this depends on the user and cannot be easily deployed to visitors if this is your intention.

However, I am usually annoyed by the limitations of the editors in the browser. (The SO path captures my Ck while editing STILL catches me out of guard ... [this means that I am not editing everything in Emacs ...])

Answer 7

Cloud9 looks interesting if you are a JavaScript developer.

Amy Editor is another browser-based editor I came across today - it seems to be trying to emulate TextMate in a browser, including Bundles and Snippets, although the project looks like it is dead ... Home / Demo and Source on github

Answer 8

you can check out dockPHP StackHive for web development (based on codemirror). He currently supports HTML / CSS development, but I am also working on live javascript-ing.

Disclaimer: I am the founder of dockPHP :)

Answer 9

I am using codiad. I used it with PHP, js and C. Features:

• Support 40 languages ​​plugin library.
• Error checking and notifications
• Mutliple User Support
• Editor Screen Split
• LocalStorage Reservation
• Advanced Search Tools
• Intelligent auto completion
• Real-time collaborative editing
• Over 20 colored syntax themes
• Totally Open Source
• Easily customizable source
• Runs on your own server
• backups for quick download
• Maximum editor screen space
• I18n language support

http://codiad.com

Answer 10

Eclipse Orion provides full-blown code editing and a miniature Orion Editor . Here you can see a demo.