Examine individual changes

'{{Short description|None}} This article provides basic feature comparison between some of the [[JavaScript]]-based [[source code editor]]s available today. ==Overview== <!-- Per [[WP:REPEATLINK]]: Wikilink terms only on 1st instance, remove later repeating links. --> {| class="wikitable sortable" style="text-align: center; font-size: 85%; width: 100%; table-layout: fixed;" |+ List of source code editors |- ! style="width: 12em" | Editor ! Site ! Latest version ! Style, clone of ! Cost ([[United States dollar|US$]]) ! [[Software license]] ![[Open-source software|Open source]] ! Browser support ! Activity |- ! {{rh}} | [[Ace (editor)|Ace]] | [http://ace.c9.io/ Home], [http://ace.c9.io/build/kitchen-sink.html demo] | [https://github.com/ajaxorg/ace/tags v1.4.12], 2020-7 | Sublime Text / Microsoft Visual Studio | {{free}} | [[BSD licenses|New BSD License]] | <!-- OSS -->{{yes| [https://github.com/ajaxorg/ace Yes]}} | Firefox 3.5+, Safari 4+, Chrome, IE 8+, Opera 11.5+ | {{yes}} |- ! {{rh}} | [[Atom (text editor)|Atom]] | [http://atom.io/ Home] | [https://atom.io/releases v1.50.0-beta0], 2020-07-14 | Emacs, Vim and others | {{Free}} | Dual | {{Yes}} | Chrome | {{yes}} |- ! {{rh}} | [[CodeMirror]] | [http://codemirror.net/ Home], [http://codemirror.net/mode/htmlmixed/ demo] | [https://github.com/codemirror/CodeMirror/tags 5.59.1], 2020-12-31 | plain textarea | {{free}} | [[MIT License|MIT]]-like | <!-- OSS -->{{yes| [https://github.com/marijnh/CodeMirror Yes]}} | Firefox 3+, Chrome, Safari 3+, Internet Explorer 8+, Opera 9+<ref>[http://codemirror.net/#supported CodeMirror supported browsers]</ref> | {{yes}} |- ! {{rh}} | [https://medv.io/codejar/ CodeJar] | [https://medv.io/codejar/ Home], [https://medv.io/codejar/ demo] | [https://github.com/antonmedv/codejar/tags 1.0.2], 2020-04-05 | plain textarea | {{free}} | [[MIT License|MIT]] | <!-- OSS -->{{yes| [https://github.com/antonmedv/codejar Yes]}} | Firefox 3+, Chrome, Safari 3+, Internet Explorer 8+, Opera 9+ | {{yes}} |- ! {{rh}} | [[Codeanywhere]] | [http://www.codeanywhere.com Home] | 6.0 | SublimeText | - | Public Cloud | <!-- OSS -->{{no}} | Firefox 3+, Chrome, Safari 3+, Internet Explorer 8+, Opera 9+ | {{yes}} |- ! {{rh}} | [[Codenvy]] Editor | [http://www.codenvy.com Home] | 2.10.17, 2014-01-17 | Eclipse | - | Public Cloud | <!-- OSS -->{{yes}} | Firefox 3+, Chrome, Safari 3+, Internet Explorer 8+, Opera 9+ | {{yes}} |- ! {{rh}} | [[List of Eclipse projects#Top-level sub-projects|Orion]] | [https://orionhub.org/ Home] |[https://projects.eclipse.org/projects/ecd.orion 22.0], 2020-04-03. | Eclipse SWT StyledText, regular textarea | {{free}} | dual-licensed: [[BSD licenses|BSD&nbsp;3-clause]] and [[Eclipse Public License|EPL]] | <!-- OSS -->{{yes| [https://github.com/eclipse/orion.client Yes]}} | Firefox 37+, Chrome 40+, Safari7+, Internet Explorer 11+<ref>[https://projects.eclipse.org/projects/eclipse.orion/releases/8.0/plan#target_environments Orion supported browsers]</ref> | {{yes}} |- ! {{rh}} | [[Monaco (editor)|Monaco]] ([[Visual Studio Code]]) | [https://microsoft.github.io/monaco-editor/ Home], [https://microsoft.github.io/monaco-editor/playground.html demo] | [https://github.com/Microsoft/monaco-editor/blob/main/CHANGELOG.md 0.31.1], 2021-12-14 | [[Visual Studio Code]] | {{free}} | MIT | {{yes| [https://github.com/Microsoft/monaco-editor/ Yes]}} | IE8+, Firefox 4+, Chrome | {{yes}} |- ! {{rh}} | [[Markitup]] | [http://markitup.jaysalvat.com/home/ Home], [http://markitup.jaysalvat.com/examples/ demo] | 1.1.14, 2013-02-04 | [[markup language|Markup]] editor, no syntax highlight | {{free}} | MIT, GPL | {{yes}} | IE 6 & 7, Firefox 2 & 3, Safari 3.1, Opera 9+<ref>{{cite web|url=http://markitup.jaysalvat.com/home/ |title=markItUp! Universal Markup jQuery Editor |publisher=Markitup.jaysalvat.com |date= |accessdate=2013-06-14}}</ref> | {{some}} |- ! {{rh}} | [[LDT (software)|LDT]] | [https://github.com/kueblc/LDT/ Home] | 2012-02-19 | regular textarea | {{free}} | MIT, GPL | {{yes| [https://github.com/kueblc/LDT/ Yes]}} | Firefox 3.6+, IE8, Chromium 16, Midori 4.1, Opera 11, Epiphany | {{some}} |- ! {{rh}} | [[Ymacs]] | [http://www.ymacs.org/ Home], [http://www.ymacs.org/demo/ demo] | 0.5, 2012-03-28 | Emacs | {{free}} | BSD | <!-- OSS -->{{yes| [http://code.ymacs.org/hgwebdir.cgi/ymacs/ Yes]}} | [[Firefox]], Chrome, Safari | {{some}} |- ! {{rh}} | [[CodePress]] | [http://codepress.sourceforge.net/ Home] | 0.9.6, 2007-09-26 | [[Microsoft Visual Studio]] | {{free}} | LGPL | {{yes}} | {{dunno}} | {{no}} |- ! {{rh}} | [[CodeTextArea]] | [http://code.google.com/p/codetextarea/ Home], [https://web.archive.org/web/20081017002536/http://www.nicolarizzo.com/gamesroom/experimental/CodeEditor.html demo] | 2009-06 | Microsoft Visual Studio | {{free}} | [[BSD licenses|BSD]] | {{yes}} | [[Dojo Toolkit|Dojo]] widget | {{no}} |- ! {{rh}} | [[EditArea]] | [http://www.cdolivet.com/index.php?page=editArea Home], [http://www.cdolivet.com/editarea/editarea/exemples/exemple_full.html demo] | 0.8.2, 2010-01-14 | Microsoft Visual Studio | {{free}} | LGPL | {{yes}} | IE 6+, Firefox 1.5+, Safari 3+, Opera 9+, Chrome<ref>[http://www.cdolivet.com/editarea/editarea/docs/compatibility.html EditArea compatibility chart]</ref> | {{no}} |- ! {{rh}} | [[Helene (software)|Helene]] | [https://web.archive.org/web/20071012025503/http://helene.muze.nl/ Home], [https://web.archive.org/web/20071012023712/http://helene.muze.nl/ariadne/loader.php/helene/demo/ demo] | 0.9, unknown release date | Microsoft Visual Studio | {{free}} | GPL | {{yes}} | | {{no}} |- ! {{rh}} | [[9ne]] | [https://web.archive.org/web/20071011031810/http://robrohan.com/projects/9ne/ Home] | {{dunno}} | Emacs | {{free}} | GPL | {{yes}} | | {{no}} |- ! {{rh}} | [[jsvi]] | [http://gpl.internetconnection.net/vi/ Home] | {{dunno}} | [[vi]] | {{free}} | GPL | {{yes}} | | {{no}} |- ! {{rh}} | [[MDK-Editor]] | [http://www.mdk-photo.com/editor/ Home] | 2.10, 2008 | Microsoft Visual Studio | {{depends| Depends on use}} | Dual | {{no| Code is readable}} | tested to work on: IE 6, 7 - Firefox 2, 3 - Chrome | {{Yes}} |- ! {{rh}} | [[Micro (editor)|Micro]] | [http://micro.jcubic.pl Home] | 2013 | nano | {{free}} | GPL | {{yes}} | | {{some}} |- |} ==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. {| class="wikitable" style="text-align: center;" |+ List of source code editor features |- ! style="width: 12em" | Feature ! [[Ace (editor)|Ace]] ! [[CodeMirror]] ! [https://medv.io/codejar/ CodeJar] ! [[List of Eclipse projects#Top-level sub-projects|Orion]] ! [[CodePress]] ! [[CodeTextArea]] ! [[EditArea]] ! [[Helene (software)|Helene]] ! [[markItUp!]] ! [[MDK-Editor]] ! [[Monaco Editor]] ([[Visual Studio Code]]) |- ! {{rh}} | Implementation | <!-- Mozilla Skywriter--> | <!-- CodeMirror -->{{yes| nestable full parsers}} | <!-- CodeJar --> | <!-- Orion -->{{some| pattern-based parser}} | <!-- CodePress -->{{some| pattern-based parser}} | <!-- CodeTextArea --> | <!-- EditArea --> | <!-- Helene --> | <!-- markItUp! --> | <!-- MDK-Editor -->{{yes| parsers}} ! <!-- Monaco Editor --> |- |- ! {{rh}} | Syntax highlight | <!-- Mozilla Skywriter-->{{yes | Over 110 languages}} | <!-- CodeMirror -->{{yes|[http://codemirror.net/mode 129 languages]}} | <!-- CodeJar -->{{yes}} | <!-- Orion -->{{some| mixed mode: HTML + JavaScript and CSS, PHP, EJS; single mode: JavaScript, Java, JSON, CSS, Python, Ruby, XML, YAML (pluggable)}} | <!-- CodePress -->{{some| limited mixed mode: HTML + JavaScript (no CSS), PHP + HTML (no JavaScript or CSS), Java, Perl, SQL}} | <!-- CodeTextArea -->{{no| only keywords}} | <!-- EditArea -->{{partial| [http://www.cdolivet.com/index.php?page%3DeditArea only one language at a time]: Perl, PHP, CSS, Javascript, Python, HTML, XML, VB, C, CPP, SQL, Pascal, Basic, Brainf*ck}} | <!-- Helene -->PHP | <!-- markItUp! -->{{no}} | <!-- MDK-Editor -->{{yes| mixed mode: PHP + HTML + JavaScript + CSS, single-mode: PHP, Javascript, CSS, XML; extensible}} | <!-- Monaco Editor -->{{yes | Hundreds of languages}} |- |- ! {{rh}} | Syntax checking | <!-- Mozilla Skywriter-->{{yes| HTML, CSS, JavaScript (using JSHint)}} | <!-- CodeMirror -->{{some}} | <!-- CodeJar -->{{no}} | <!-- Orion -->{{some| JavaScript (using JSLint)}} | <!-- CodePress -->{{no}} | <!-- CodeTextArea --> | <!-- EditArea --> | <!-- Helene -->{{no}} | <!-- markItUp! --> | <!-- MDK-Editor -->{{yes| HTML, JavaScript (using JSLint)}} | <!-- Monaco Editor -->{{yes | HTML, CSS, JavaScript, TypeScript }} |- |- ! {{rh}} | Tab support | <!-- Mozilla Skywriter-->{{yes}} | <!-- CodeMirror -->{{yes}} | <!-- CodeJar -->{{yes}} | <!-- Orion-->{{yes}} | <!-- CodePress -->{{some}} | <!-- CodeTextArea --> | <!-- EditArea -->{{yes}} | <!-- Helene --> | <!-- markItUp! --> | <!-- MDK-Editor -->{{yes}} | <!-- Monaco Editor -->{{yes}} |- |- ! {{rh}} | Indent, new line keeps level | <!-- Mozilla Skywriter-->{{yes| optional setting that is on by default}} | <!-- CodeMirror -->{{yes}} | <!-- CodeJar -->{{yes}} | <!-- Orion-->{{yes}} | <!-- CodePress -->{{partial| very limited}} | <!-- CodeTextArea -->{{no}} | <!-- EditArea -->{{yes}} | <!-- Helene -->{{no| N/A (can't press Enter)}} | <!-- markItUp! -->{{no}} | <!-- MDK-Editor -->{{yes}} | <!-- Monaco Editor -->{{yes}} |- |- ! {{rh}} | Indent, syntax | <!-- Mozilla Skywriter-->{{yes}} | <!-- CodeMirror -->{{yes}} | <!-- CodeJar -->{{yes}} | <!-- Orion-->{{yes}} | <!-- CodePress --> | <!-- CodeTextArea --> | <!-- EditArea -->{{no}} | <!-- Helene --> | <!-- markItUp! --> | <!-- MDK-Editor -->{{no}} | <!-- Monaco Editor -->{{no}} |- |- ! {{rh}} | Indent, selected block | <!-- Mozilla Skywriter-->{{yes| yes, including Shift+Tab}} | <!-- CodeMirror -->{{yes|either automatically, or block-level indent/unindent}} | <!-- CodeJar -->{{yes}} | <!-- Orion-->{{yes| yes, including Shift+Tab}} | <!-- CodePress -->{{no}} | <!-- CodeTextArea --> | <!-- EditArea -->{{yes|yes, including Shift+Tab}} | <!-- Helene --> | <!-- markItUp! --> | <!-- MDK-Editor -->{{yes| yes, including Shift+Tab and using context menu}} | <!-- Monaco Editor -->{{yes| yes, including Shift+Tab}} |- |- ! {{rh}} | Bracket matching | <!-- Mozilla Skywriter-->{{yes}} | <!-- CodeMirror -->{{yes}} | <!-- CodeJar -->{{no}} | <!-- Orion -->{{yes}} | <!-- CodePress -->{{some| an implementation exists with mouse-hover bracket matching {{Citation needed|date=February 2009}}}} | <!-- CodeTextArea -->{{partial|Ctrl+B; no angle bracket matching}} | <!-- EditArea --> | <!-- Helene --> | <!-- markItUp! -->{{no}} | <!-- MDK-Editor -->{{yes|matching bracket ([{<>}]) always highlighted}} | <!-- Monaco Editor -->{{yes}} |- |- ! {{rh}} | XML matching tag highlight | <!-- Mozilla Skywriter-->{{yes}} | <!-- CodeMirror -->{{yes}} | <!-- CodeJar -->{{no}} | <!-- Orion -->{{no}} | <!-- CodePress -->{{no}} | <!-- CodeTextArea --> | <!-- EditArea --> | <!-- Helene --> | <!-- markItUp! --> | <!-- MDK-Editor -->{{yes}} | <!-- Monaco Editor -->{{yes}} |- |- ! {{rh}} | [[Code folding]] | <!-- Mozilla Skywriter-->{{yes}} | <!-- CodeMirror -->{{yes}}<ref>{{cite web|url=http://codemirror.net/demo/folding.html |title=Code Folding Demo |publisher=CodeMirror |date= |accessdate=2013-06-14}}</ref> | <!-- CodeJar -->{{no}} | <!-- Orion -->{{Some}}<ref>{{cite web|url=http://planetorion.org/news/2011/09/orion-0-3-m2-new-and-noteworthy/#editor-folding |title=Orion 0.3 M2 – New and Noteworthy &#124; Orion News |publisher=Planetorion.org |date=2011-09-26 |accessdate=2013-06-14}}</ref> | <!-- CodePress -->{{no}} | <!-- CodeTextArea -->{{no}} | <!-- EditArea -->{{no}} | <!-- Helene -->{{no}} | <!-- markItUp! -->{{no}} | <!-- MDK-Editor -->{{no}} | <!-- Monaco Editor -->{{yes}} |- |- ! {{rh}} | Code snippets | <!-- Mozilla Skywriter-->{{yes}} | <!-- CodeMirror -->{{some| through API/add-on}} | <!-- CodeJar --> | <!-- Orion -->{{some}} | <!-- CodePress -->{{yes| type 'for' or 'if' then Tab}} | <!-- CodeTextArea -->{{no}} | <!-- EditArea -->{{yes}} | <!-- Helene -->{{no}} | <!-- markItUp! -->{{yes}} | <!-- MDK-Editor -->{{yes| JavaScript}} | <!-- Monaco Editor --> |- |- ! {{rh}} | Code suggestion | <!-- Mozilla Skywriter-->{{yes}} | <!-- CodeMirror -->{{yes | [http://codemirror.net/demo/complete.html example]}} | <!-- CodeJar --> | <!-- Orion-->{{yes}} through [http://contraptionsforprogramming.blogspot.ca/2012/02/better-javascript-content-assist-in.html esprima content assist plugin] | <!-- CodePress -->{{no}} | <!-- CodeTextArea --> | <!-- EditArea --> {{yes|yes{{Citation needed|date=February 2009}}}} | <!-- Helene --> | <!-- markItUp! -->{{no}} | <!-- MDK-Editor -->{{yes| CSS, HTML, JavaScript)}} | <!-- Monaco Editor -->{{yes}} |- |- ! {{rh}} | Toggle syntax highlight on/off | <!-- Mozilla Skywriter-->{{yes}} | <!-- CodeMirror -->{{yes}} | <!-- CodeJar --> | <!-- Orion-->{{no}} | <!-- CodePress --> | <!-- CodeTextArea --> | <!-- EditArea -->{{yes|[http://www.cdolivet.com/editarea/editarea/exemples/exemple_full.html last example in demo]}} | <!-- Helene --> | <!-- markItUp! -->N/A | <!-- MDK-Editor -->{{yes| textmode}} | <!-- Monaco Editor --> |- |- ! {{rh}} | Keyboard shortcuts | <!-- Mozilla Skywriter-->{{yes| [https://wiki.mozilla.org/Labs/Bespin/UserGuide#Keyboard_Shortcuts All Common Shortcuts] & [https://wiki.mozilla.org/Labs/Bespin/Tips#Want_custom_keybindings.3F Custom Keybindings]}} | <!-- CodeMirror -->{{yes| fully configurable}} | <!-- CodeJar --> | <!-- Orion -->{{yes}} | <!-- CodePress --> | <!-- CodeTextArea --> | <!-- EditArea -->{{yes| some common used: Ctrl+f, Ctrl+g,Ctrl+z,Ctrl+y}} | <!-- Helene --> | <!-- markItUp! -->{{yes}} | <!-- MDK-Editor -->{{yes| All key combos (except F1 in IE7) can be bound to shortcuts }} | <!-- Monaco Editor -->{{yes}} |- |- ! {{rh}} | Line numbers | <!-- Mozilla Skywriter-->{{yes}} | <!-- CodeMirror -->{{yes}} | <!-- CodeJar -->{{yes}} | <!-- Orion-->{{yes}} | <!-- CodePress -->{{yes}} | <!-- CodeTextArea -->{{yes}} | <!-- EditArea -->{{yes}} | <!-- Helene -->{{yes}} | <!-- markItUp! -->{{no}} | <!-- MDK-Editor -->{{yes| supports mouse selection}} | <!-- Monaco Editor -->{{yes}} |- |- ! {{rh}} | Search & replace | <!-- Mozilla Skywriter-->{{yes| regex supported}} | <!-- CodeMirror -->{{yes| [http://codemirror.net/demo/search.html via API]}} | <!-- CodeJar -->{{no}} | <!-- Orion -->{{yes}} | <!-- CodePress --> | <!-- CodeTextArea -->{{no}} | <!-- EditArea -->{{yes| toolbar button}} | <!-- Helene --> | <!-- markItUp! --> | <!-- MDK-Editor -->{{no| has API for the studio}} | <!-- Monaco Editor -->{{yes}} |- |- ! {{rh}} | [[Spell checking]] | <!-- Mozilla Skywriter-->{{some| addon for context menu}} | <!-- CodeMirror -->{{no}} | <!-- CodeJar -->{{no}} | <!-- Orion -->{{no}} | <!-- CodePress -->{{yes|browser-based}} | <!-- CodeTextArea -->{{no|none}} | <!-- EditArea -->{{yes|browser-based}} | <!-- Helene -->{{no|none}} | <!-- markItUp! -->{{yes|browser-based}} | <!-- MDK-Editor -->{{no}} | <!-- Monaco Editor --> |- |- ! {{rh}} | Toolbar | <!-- Mozilla Skywriter-->{{no| But command line console}} | <!-- CodeMirror -->{{no}} | <!-- CodeJar -->{{no}} | <!-- Orion -->{{no}} | <!-- CodePress --> | <!-- CodeTextArea -->{{no}} | <!-- EditArea -->{{yes}} | <!-- Helene -->{{no}} | <!-- markItUp! -->{{yes}} | <!-- MDK-Editor -->{{no}} | <!-- Monaco Editor --> |- |- ! {{rh}} | Visual styling | <!-- Mozilla Skywriter-->{{yes| [https://wiki.mozilla.org/Labs/Bespin/UserGuide#Themes Fully theme-able]}} | <!-- CodeMirror -->{{yes|CSS-based themes}} | <!-- CodeJar -->{{yes}} | <!-- Orion -->{{yes}} | <!-- CodePress --> | <!-- CodeTextArea -->{{some| font-type and font-size}} | <!-- EditArea --> | <!-- Helene --> | <!-- markItUp! --> | <!-- MDK-Editor -->{{yes| 5 styles to choose from, having 2 font-sizes}} | <!-- Monaco Editor -->{{yes}} |- |- ! {{rh}} | Undo/Redo | <!-- Mozilla Skywriter-->{{yes}} | <!-- CodeMirror -->{{yes}} | <!-- CodeJar -->{{yes}} | <!-- Orion -->{{yes}} | <!-- CodePress -->{{yes}} | <!-- CodeTextArea --> | <!-- EditArea -->{{yes}} | <!-- Helene --> | <!-- markItUp! --> | <!-- MDK-Editor -->{{yes| [[Differential Undo]]}} | <!-- Monaco Editor -->{{yes}} |- |- ! {{rh}} | Multiple cursors / Block selection | <!-- Mozilla Skywriter-->{{yes| Multiple cursors}} | <!-- CodeMirror -->{{yes}} | <!-- CodeJar -->{{no}} | <!-- Orion -->{{yes}} | <!-- CodePress -->{{no}} | <!-- CodeTextArea -->{{no}} | <!-- EditArea -->{{no}} | <!-- Helene -->{{no}} | <!-- markItUp! -->{{no}} | <!-- MDK-Editor -->{{no}} | <!-- Monaco Editor --> |- |- ! {{rh}} | IndentGuides | <!-- Mozilla Skywriter-->{{yes}} | <!-- CodeMirror -->{{no}} | <!-- CodeJar -->{{no}} | <!-- Orion -->{{no}} | <!-- CodePress -->{{no}} | <!-- CodeTextArea -->{{no}} | <!-- EditArea -->{{no}} | <!-- Helene -->{{no}} | <!-- markItUp! -->{{no}} | <!-- MDK-Editor -->{{no}} | <!-- Monaco Editor --> |- |- ! {{rh}} | Inline widgets | <!-- Mozilla Skywriter-->{{yes}} | <!-- CodeMirror -->{{yes}} | <!-- CodeJar -->{{no}} | <!-- Orion -->{{no}} | <!-- CodePress -->{{no}} | <!-- CodeTextArea -->{{no}} | <!-- EditArea -->{{no}} | <!-- Helene -->{{no}} | <!-- markItUp! -->{{no}} | <!-- MDK-Editor -->{{no}} | <!-- Monaco Editor --> |- |- ! {{rh}} | Non US charset support | <!-- Mozilla Skywriter-->{{yes}} | <!-- CodeMirror -->{{yes}} | <!-- CodeJar -->{{yes}} | <!-- Orion -->{{yes}} | <!-- CodePress --> | <!-- CodeTextArea --> | <!-- EditArea --> | <!-- Helene --> | <!-- markItUp! --> | <!-- MDK-Editor -->{{no}} | <!-- Monaco Editor --> |- |- ! {{rh}} | Diff editor | <!-- Mozilla Skywriter--> | <!-- CodeMirror --> | <!-- CodeJar --> | <!-- Orion--> | <!-- CodePress --> | <!-- CodeTextArea --> | <!-- EditArea --> | <!-- Helene --> | <!-- markItUp! --> | <!-- MDK-Editor --> | <!-- Monaco Editor -->{{yes}} |} ==See also== * [[Comparison of online source code playgrounds]] * [[HTML editor]] * [[Online JavaScript IDE]] ==References== {{reflist}} {{JavaScript}} [[Category:JavaScript-based HTML editors| ]] [[Category:Text editor comparisons]] [[Category:Software comparisons|Text editors]] [[Category:Ajax (programming)]] [[Category:Object-oriented programming]]'