11 Best JavaScript source code editors

CodeMirror is an editable iframe-based source code editor component that allows you to create a relatively pleasant source code editor interface for code-like content such as HTML, XHTML, XML, CSS, Python, PHP, C#, Java markup and similar.

Features of Codemirror

• Auto completion
• Mode Overlays
• Search/Replace
• HTML Editor with Preview
• Easy to auto-resize the editor
• Settings Breakpoints
• Syntax Highlighting
• Theming
• Stand-alone highlighting
• Support for Full-screen Editing
• Mode Auto changing

CodeMirror

Ace is a Standalone JavaScript Source Code Editor which specially designed to work as browser-based code editor that matches and extends the features, usability, and performance of existing native editors such as TextMate, Vim or Eclipse.

Users can easily embed Ace Editor to any webpages also JavaScript Applications.

Features of Ace JavaScript Editor

• Syntax Highlighting
• Automatic indent and outdent
• An Optional Command Line
• Handles huge documents
• Fully customizable key bindings including VI and Emacs modes
• Themes

Ace JavaScript editor

Codepress is an online JavaScript-based source code editor with syntax highlighting features that color text in real-time while it’s being typed in the browser.

Features of CodePress

• Real-time syntax highlighting
• Code Snippets
• Auto-Completion
• Shortcuts
• Easy to add multiple CodePress windows to the same page

CodePress

EditArea is a free JavaScript editor for source code that allows the developer to edit source code files in a text area. it mainly develops for text formatting, search, replaces and real-time syntax highlighting for small and light text.

Features of EditArea

• Easy to integrate, only one script include and one function call
• Provide support for tabulation
• Customizable real-time syntax highlighting editor
• Word wrap support
• Easy to search and replace with regexp.
• Auto indenting new lines
• Line numerotation
• Multilingual
• Support for multiple instances
• Support for PHP gzip compression
• Full-screen mode
• easy plugin integration
• Provide dynamic content management

EditArea

Helene is a syntax highlighting text editor written in JavaScript. It is meant as a replacement for text areas in web-based IDE’s.

Helene

markItUp! is a JavaScript plugin that allows you to turn any text area into a markup editor.

user can easily implement MarkItUp editor with Html, Textile, Wiki Syntax, Markdown, BBcode, or even your own Markup system.

it’s a very lightweight, customizable, and flexible engine made to meet the developer’s needs in their CMS, blogs, forums, or websites.

markItUp!

9ne is an online Source code editor with syntax highlighting and key bindings based on Emacs.

9ne – online code editor

jsvi is a JavaScript-based source code editor that provides you all similar features which you getting from Vi – Editor.

provide support for ed/ex commands, Unicode compatible, real-time, Check as you type spell checking, Clipboard Host also integrated.

jsvi

Ymacs is an Emacs-like Ajax Source code editor with syntax highlighting and automatic indentation.

Features of Ymacs

• many standard editing commands, such as text filling, movement by word, transposition, etc.
• undo stack and Kill Ring
• Support for prefix keys (but no ESC for Meta yet, ALT should be used)
• split windows
• Support for multiple buffers
• automatic indentation
• Auto completion
• modeline and minibuffer
• Interactive search
• overlays, markers, point, and mark
• editing modes

Ymacs AJAX source code editor

ecoder is an open-source web-based source code editor with real-time color highlighting feature that allows you to edit multiple documents at the same time directly from the web.

ecoder

SourceEdit is a JavaScript-based source code editor that allows developers to write code in the browser window with look and feel like editing in a normal application. Will support syntax highlighting, tabs, editing code in the database, etc.

SourceEdit