6 years ago
2 0

11 Best JavaScript source code editors

Written by

Source code editor is a text editor that allow you to edit source code of any programming languages. It may be standalone application or built into an integrated development environment (IDE). A few source code editors do syntax checking while the programmer types, immediately warning of syntax problems.

JavaScript source code editors

A few source code editors compress source code, typically converting common keywords into single-byte tokens, removing unnecessary whitespace, and converting numbers to a binary form.

Such tokenizing editors later uncompressed the source code when viewing it, prettyprinting it with consistent capitalization and spacing. A few source code editors do both. – Wikipedia definition for Source code editor

So if you are looking for best source code editor written in JavaScript. Here is 11 best JavaScript source code editor from web.

  1. CodeMirror – editable – iframe based code editor

    CodeMirror is a editable – iframe based source code editor component that allow 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

    Visit : CodeMirror

  2. Ace JavaScript Editor

    Ace is a Standalone JavaScript 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. User can easily embedded 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

    Visit : Ace javascript editor

  3. CodePress – JavaScript based Real Time Syntax Highlighting Editor

    Codepress is 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

    Visit : CodePress

  4. EditArea – free JavaScript editor for source code

    EditArea is a free JavaScript editor for source code that allow developer to edit source code files in a text area. it mainly develop for text formatting, search, replace 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

    Visit : EditArea

  5. Helene

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

  6. markItUp! – universal markup jQuery editor

    markItUp! is a JavaScript plugin that allow you to turn any text area into a markup editor. user can easily implemented 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. Visit : markItUp!

  7. 9ne – Online syntax highlighting Code editor

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

  8. Jsvi – vi clone JavaScript code editor

    jsvi is a JavaScript based source code editor which provide 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. Visit : jsvi

  9. Ymacs – AJAX source code editor

    Ymacs is a 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

    Visit : Ymacs AJAX source code editor

  10. ecoder

    ecoder is an open source web based source code editor with real time color highlighting feature that allow you to edit multiple document at same time directly from web. Visit : ecoder

  11. SourceEdit

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

Article Categories:
WYSIWYG Text and HTML Editors


wonderful comments!