Comparison of JavaScript-based source code editors

Last updated

This article provides basic feature comparison between some of the JavaScript-based source code editors available today.

Contents

Overview

List of source code editors
EditorSiteLatest versionStyle, clone ofCost (US$) Software license Open source Browser supportActivity
Ace Home, demo v1.4.12, 2020-7Sublime Text / Microsoft Visual StudioFree New BSD License Yes Firefox 3.5+, Safari 4+, Chrome, IE 8+, Opera 11.5+Yes
Atom Home v1.50.0-beta0, 2020-07-14Emacs, Vim and othersFreeDualYesChromeNo
CodeMirror Home, demo 5.59.1, 2020-12-31plain textareaFree MIT-like Yes Firefox 3+, Chrome, Safari 3+, Internet Explorer 8+, Opera 9+ [1] Yes
CodeJar Home, demo 1.0.2, 2020-04-05plain textareaFree MIT Yes Firefox 3+, Chrome, Safari 3+, Internet Explorer 8+, Opera 9+Yes
Codeanywhere Home 6.0SublimeText-Public CloudNoFirefox 3+, Chrome, Safari 3+, Internet Explorer 8+, Opera 9+Yes
Codenvy Editor Home 2.10.17, 2014-01-17Eclipse-Public CloudYesFirefox 3+, Chrome, Safari 3+, Internet Explorer 8+, Opera 9+Yes
Orion Home 22.0, 2020-04-03.Eclipse SWT StyledText, regular textareaFreedual-licensed: BSD 3-clause and EPL Yes Firefox 37+, Chrome 40+, Safari7+, Internet Explorer 11+ [2] No
Visual Studio Code (with Monaco as the open source engine) Home, demo 0.31.1, 2021-12-14 Visual Studio Code FreeMIT Yes IE8+, Firefox 4+, ChromeYes
Markitup Home, demo 1.1.14, 2013-02-04 Markup editor, no syntax highlightFreeMIT, GPLYesIE 6 & 7, Firefox 2 & 3, Safari 3.1, Opera 9+ [3] No
LDT Home 2012-02-19regular textareaFreeMIT, GPL Yes Firefox 3.6+, IE8, Chromium 16, Midori 4.1, Opera 11, EpiphanyNo
Ymacs Home Archived 2011-02-10 at the Wayback Machine , demo Archived 2011-03-01 at the Wayback Machine 0.5, 2012-03-28EmacsFreeBSD Yes Firefox, Chrome, SafariNo
CodePress Home 0.9.6, 2007-09-26 Microsoft Visual Studio FreeLGPLYes?No
CodeTextArea Home, demo 2009-06Microsoft Visual StudioFree BSD Yes Dojo widgetNo
EditArea Home Archived 2010-08-26 at the Wayback Machine , demo 0.8.2, 2010-01-14Microsoft Visual StudioFreeLGPLYesIE 6+, Firefox 1.5+, Safari 3+, Opera 9+, Chrome [4] No
Helene Home, demo 0.9, unknown release dateMicrosoft Visual StudioFreeGPLYesNo
9ne Home ?EmacsFreeGPLYesNo
jsvi Home Archived 2007-10-11 at the Wayback Machine ? vi FreeGPLYesNo
MDK-Editor Home 2.10, 2008Microsoft Visual StudioDepends on useDualCode is readabletested to work on: IE 6, 7 - Firefox 2, 3 - ChromeNo
Micro Home 2013nanoFreeGPLYesNo
HirenJS Code Editor Home

Demo

2023-05plain textareaFree MIT Yes Firefox 3.5+, Safari 4+, Chrome, IE 8+, Opera 11.5+Yes

List of features

Feature testing was performed with Firefox 3.0.6 against the current demo version, and results may not match those in other browsers or downloadable versions.

List of source code editor features
Feature Ace CodeMirror CodeJar Orion CodePress CodeTextArea EditArea Helene markItUp! MDK-Editor Visual Studio Code
Implementationnestable full parserspattern-based parserpattern-based parserparsers
Syntax highlightOver 110 languages 129 languages Yesmixed mode: HTML + JavaScript and CSS, PHP, EJS; single mode: JavaScript, Java, JSON, CSS, Python, Ruby, XML, YAML (pluggable)limited mixed mode: HTML + JavaScript (no CSS), PHP + HTML (no JavaScript or CSS), Java, Perl, SQLonly keywords only one language at a time: Perl, PHP, CSS, Javascript, Python, HTML, XML, VB, C, CPP, SQL, Pascal, Basic, Brainf*ckPHPNomixed mode: PHP + HTML + JavaScript + CSS, single-mode: PHP, Javascript, CSS, XML; extensibleHundreds of languages
Syntax checkingHTML, CSS, JavaScript (using JSHint)SomeNoJavaScript (using JSLint)NoNoHTML, JavaScript (using JSLint)HTML, CSS, JavaScript, TypeScript
Tab supportYesYesYesYesSomeYesYesYes
Indent, new line keeps leveloptional setting that is on by defaultYesYesYesvery limitedNoYesN/A (can't press Enter)NoYesYes
Indent, syntaxYesYesYesYesNoNoNo
Indent, selected blockyes, including Shift+Tabeither automatically, or block-level indent/unindentYesyes, including Shift+TabNoyes, including Shift+Tabyes, including Shift+Tab and using context menuyes, including Shift+Tab
Bracket matchingYesYesNoYesan implementation exists with mouse-hover bracket matching [ citation needed ]Ctrl+B; no angle bracket matchingNomatching bracket ([{<>}]) always highlightedYes
XML matching tag highlightYesYesNoNoNoYesYes
Code folding YesYes [5] NoSome [6] NoNoNoNoNoNoYes
Code snippetsYesthrough API/add-onSometype 'for' or 'if' then TabNoYesNoYesJavaScript
Code suggestionYes example Yes through esprima content assist plugin Noyes[ citation needed ]NoCSS, HTML, JavaScript)Yes
Toggle syntax highlight on/offYesYesNo last example in demo N/Atextmode
Keyboard shortcuts All Common Shortcuts & Custom Keybindings fully configurableYessome common used: Ctrl+f, Ctrl+g,Ctrl+z,Ctrl+yYesAll key combos (except F1 in IE7) can be bound to shortcutsYes
Line numbersYesYesYesYesYesYesYesYesNosupports mouse selectionYes
Search & replaceregex supported via API NoYesNotoolbar buttonhas API for the studioYes
Spell checking addon for context menuNoNoNobrowser-basednonebrowser-basednonebrowser-basedNo
ToolbarBut command line consoleNoNoNoNoYesNoYesNo
Visual styling Fully theme-able CSS-based themesYesYesfont-type and font-size5 styles to choose from, having 2 font-sizesYes
Undo/RedoYesYesYesYesYesYes Differential Undo Yes
Multiple cursors / Block selectionMultiple cursorsYesNoYesNoNoNoNoNoNo
IndentGuidesYesNoNoNoNoNoNoNoNoNo
Inline widgetsYesYesNoNoNoNoNoNoNoNo
Non US charset supportYesYesYesYesNo
Diff editorYes

See also

References

  1. CodeMirror supported browsers
  2. Orion supported browsers
  3. "markItUp! Universal Markup jQuery Editor". Markitup.jaysalvat.com. Retrieved 2013-06-14.
  4. EditArea compatibility chart
  5. "Code Folding Demo". CodeMirror. Retrieved 2013-06-14.
  6. "Orion 0.3 M2 – New and Noteworthy | Orion News". Planetorion.org. 2011-09-26. Archived from the original on 2013-11-11. Retrieved 2013-06-14.