Comparison of JavaScript-based source code editors: Difference between revisions

Revision as of 10:40, 3 January 2020

Latest revision as of 04:57, 22 August 2025

(45 intermediate revisions by 29 users not shown)

Line 1:

{{Short description|None}}

<!-- Please do not remove or change this AfD message until the discussion has been closed. -->

{{AfDM|page=Comparison of JavaScript-based source code editors (2nd nomination)|year=2025|month=August|day=21|substed=yes|origtag=afdx|help=off}}

<!-- End of AfD message, feel free to edit beyond this point -->

This article provides basic feature comparison between some of the [[JavaScript]]-based [[source code editor]]s available today.

Line 18 ⟶ 22:

! {{rh}} | [[Ace (editor)|Ace]]

| [httphttps://ace.c9.io/ Home], [httphttps://ace.c9.io/build/kitchen-sink.html demo]

| [https://github.com/ajaxorg/ace/tags 1v1.4.712], 20192020-10-177

| Sublime Text / Microsoft Visual Studio

| {{free}}

Line 29 ⟶ 33:

! {{rh}} | [[Atom (text editor)|Atom]]

| [httphttps://atom.io/ Home]

| [https://atom.io/releases 1v1.4250.0-beta0], 20192020-1207-1614

| Emacs, Vim and others

| {{Free}}

Line 36 ⟶ 40:

| {{Yes}}

| Chrome

| {{yesno}}

|-

! {{rh}} | [[CodeMirror]]

| [httphttps://codemirror.net/ Home], [httphttps://codemirror.net/mode/htmlmixed/ demo]

| [https://github.com/codemirror/CodeMirror/tags 5.5059.21], 2020-0112-0131

| plain textarea

| {{free}}

Line 49 ⟶ 53:

| {{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]]

| [httphttps://www.codeanywhere.com Home]

| 6.0

| SublimeText

Line 71 ⟶ 87:

! {{rh}} | [[List of Eclipse projects#Top-level sub-projects|Orion]]

| [https://orionhub.org/ Home]

| [httphttps://downloadprojects.eclipse.org/orionprojects/ecd.orion 2022.0], 20192020-0304-2903.

| Eclipse SWT StyledText, regular textarea

| {{free}}

Line 77 ⟶ 93:

| <!-- 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>

| {{yesno}}

|-

! {{rh}} | [[MonacoVisual EditorStudio Code]] (with Monaco as the open source engine)

| [https://microsoft.github.io/monaco-editor/ Home], [https://microsoft.github.io/monaco-editor/playground.html demo]

| [https://github.com/Microsoft/monaco-editor/blob/mastermain/CHANGELOG.md 0.1731.1], 20192021-0612-2514

| [[Visual Studio Code]]

| {{free}}

Line 99 ⟶ 115:

| {{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>

| {{someno}}

|-

Line 110 ⟶ 126:

| {{yes| [https://github.com/kueblc/LDT/ Yes]}}

| Firefox 3.6+, IE8, Chromium 16, Midori 4.1, Opera 11, Epiphany

| {{someno}}

|-

! {{rh}} | [[Ymacs]]

| [http://www.ymacs.org/ Home] {{Webarchive|url=https://web.archive.org/web/20110210134217/http://www.ymacs.org/ |date=2011-02-10 }}, [http://www.ymacs.org/demo/ demo] {{Webarchive|url=https://web.archive.org/web/20110301145134/http://www.ymacs.org/demo/ |date=2011-03-01 }}

| 0.5, 2012-03-28

| Emacs

Line 121 ⟶ 137:

| <!-- OSS -->{{yes| [http://code.ymacs.org/hgwebdir.cgi/ymacs/ Yes]}}

| [[Firefox]], Chrome, Safari

| {{someno}}

|-

! {{rh}} | [[CodePress]]

| [httphttps://codepress.sourceforge.net/ Home]

| 0.9.6, 2007-09-26

| [[Microsoft Visual Studio]]

Line 136 ⟶ 152:

! {{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

Line 147 ⟶ 163:

! {{rh}} | [[EditArea]]

| [http://www.cdolivet.com/index.php?page=editArea Home] {{Webarchive|url=https://web.archive.org/web/20100826094245/http://www.cdolivet.com/index.php?page=editArea |date=2010-08-26 }}, [http://www.cdolivet.com/editarea/editarea/exemples/exemple_full.html demo]

| 0.8.2, 2010-01-14

| Microsoft Visual Studio

Line 180 ⟶ 196:

! {{rh}} | [[jsvi]]

| [http://gpl.internetconnection.net/vi/ Home] {{Webarchive|url=https://web.archive.org/web/20071011211101/http://gpl.internetconnection.net/vi/ |date=2007-10-11 }}

| {{dunno}}

| [[Vi (text editor)|vi]]

| {{free}}

| GPL

Line 198 ⟶ 214:

| {{no| Code is readable}}

| tested to work on: IE 6, 7 - Firefox 2, 3 - Chrome

| {{Yesno}}

|-

Line 209 ⟶ 225:

| {{yes}}

|

| {{someno}}

|-

![[HirenJS Code Editor]]

|[http://hiren.js.org/ Home]

[https://hiren.js.org/HirenJS.html <small>Demo</small>]

|2023-05

|plain textarea

|Free

|[[Massachusetts Institute of Technology|MIT]]

|[https://github.com/Hiren2001/hiren.js.org Yes]

|Firefox 3.5+, Safari 4+, Chrome, IE 8+, Opera 11.5+

|Yes

|-

|}

Line 223 ⟶ 250:

! [[Ace (editor)|Ace]]

! [[CodeMirror]]

! [https://medv.io/codejar/ CodeJar]

! [[List of Eclipse projects#Top-level sub-projects|Orion]]

! [[CodePress]]

Line 230 ⟶ 258:

! [[markItUp!]]

! [[MDK-Editor]]

! [[Visual Studio Code]]

|-

Line 235 ⟶ 264:

| <!-- Mozilla Skywriter-->

| <!-- CodeMirror -->{{yes| nestable full parsers}}

| <!-- CodeJar -->

| <!-- Orion -->{{some| pattern-based parser}}

| <!-- CodePress -->{{some| pattern-based parser}}

Line 242 ⟶ 272:

| <!-- markItUp! -->

| <!-- MDK-Editor -->{{yes| parsers}}

! <!-- VS Code -->

|-

Line 247 ⟶ 278:

! {{rh}} | Syntax highlight

| <!-- Mozilla Skywriter-->{{yes | Over 110 languages}}

| <!-- CodeMirror -->{{yes| Over [http://codemirror.net/5/mode 130129 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}}

Line 255 ⟶ 287:

| <!-- markItUp! -->{{no}}

| <!-- MDK-Editor -->{{yes| mixed mode: PHP + HTML + JavaScript + CSS, single-mode: PHP, Javascript, CSS, XML; extensible}}

| <!-- VS Code -->{{yes | Hundreds of languages}}

|-

Line 261 ⟶ 294:

| <!-- Mozilla Skywriter-->{{yes| HTML, CSS, JavaScript (using JSHint)}}

| <!-- CodeMirror -->{{some}}

| <!-- CodeJar -->{{no}}

| <!-- Orion -->{{some| JavaScript (using JSLint)}}

| <!-- CodePress -->{{no}}

Line 268 ⟶ 302:

| <!-- markItUp! -->

| <!-- MDK-Editor -->{{yes| HTML, JavaScript (using JSLint)}}

| <!-- VS Code -->{{yes | HTML, CSS, JavaScript, TypeScript }}

|-

Line 274 ⟶ 309:

| <!-- Mozilla Skywriter-->{{yes}}

| <!-- CodeMirror -->{{yes}}

| <!-- CodeJar -->{{yes}}

| <!-- Orion-->{{yes}}

| <!-- CodePress -->{{some}}

Line 281 ⟶ 317:

| <!-- markItUp! -->

| <!-- MDK-Editor -->{{yes}}

| <!-- VS Code -->{{yes}}

|-

Line 287 ⟶ 324:

| <!-- Mozilla Skywriter-->{{yes| optional setting that is on by default}}

| <!-- CodeMirror -->{{yes}}

| <!-- CodeJar -->{{yes}}

| <!-- Orion-->{{yes}}

| <!-- CodePress -->{{partial| very limited}}

Line 294 ⟶ 332:

| <!-- markItUp! -->{{no}}

| <!-- MDK-Editor -->{{yes}}

| <!-- VS Code -->{{yes}}

|-

Line 300 ⟶ 339:

| <!-- Mozilla Skywriter-->{{yes}}

| <!-- CodeMirror -->{{yes}}

| <!-- CodeJar -->{{yes}}

| <!-- Orion-->{{yes}}

| <!-- CodePress -->

Line 307 ⟶ 347:

| <!-- markItUp! -->

| <!-- MDK-Editor -->{{no}}

| <!-- VS Code -->{{no}}

|-

Line 313 ⟶ 354:

| <!-- 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}}

Line 320 ⟶ 362:

| <!-- markItUp! -->

| <!-- MDK-Editor -->{{yes| yes, including Shift+Tab and using context menu}}

| <!-- VS Code -->{{yes| yes, including Shift+Tab}}

|-

Line 326 ⟶ 369:

| <!-- Mozilla Skywriter-->{{yes}}

| <!-- CodeMirror -->{{yes}}

| <!-- CodeJar -->{{no}}

| <!-- Orion -->{{yes}}

| <!-- CodePress -->{{some| an implementation exists with mouse-hover bracket matching {{Citation needed|date=February 2009}}}}

Line 333 ⟶ 377:

| <!-- markItUp! -->{{no}}

| <!-- MDK-Editor -->{{yes|matching bracket ([{<>}]) always highlighted}}

| <!-- VS Code -->{{yes}}

|-

Line 339 ⟶ 384:

| <!-- Mozilla Skywriter-->{{yes}}

| <!-- CodeMirror -->{{yes}}

| <!-- CodeJar -->{{no}}

| <!-- Orion -->{{no}}

| <!-- CodePress -->{{no}}

Line 346 ⟶ 392:

| <!-- markItUp! -->

| <!-- MDK-Editor -->{{yes}}

| <!-- VS Code -->{{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 |archive-date=2013-11-11 |archive-url=https://web.archive.org/web/20131111000404/http://planetorion.org/news/2011/09/orion-0-3-m2-new-and-noteworthy/#editor-folding |url-status=dead }}</ref>

| <!-- CodePress -->{{no}}

| <!-- CodeTextArea -->{{no}}

Line 359 ⟶ 407:

| <!-- markItUp! -->{{no}}

| <!-- MDK-Editor -->{{no}}

| <!-- VS Code -->{{yes}}

|-

Line 365 ⟶ 414:

| <!-- Mozilla Skywriter-->{{yes}}

| <!-- CodeMirror -->{{some| through API/add-on}}

| <!-- CodeJar -->

| <!-- Orion -->{{some}}

| <!-- CodePress -->{{yes| type 'for' or 'if' then Tab}}

Line 372 ⟶ 422:

| <!-- markItUp! -->{{yes}}

| <!-- MDK-Editor -->{{yes| JavaScript}}

| <!-- VS Code -->

|-

Line 378 ⟶ 429:

| <!-- 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}}

Line 385 ⟶ 437:

| <!-- markItUp! -->{{no}}

| <!-- MDK-Editor -->{{yes| CSS, HTML, JavaScript)}}

| <!-- VS Code -->{{yes}}

|-

Line 391 ⟶ 444:

| <!-- Mozilla Skywriter-->{{yes}}

| <!-- CodeMirror -->{{yes}}

| <!-- CodeJar -->

| <!-- Orion-->{{no}}

| <!-- CodePress -->

Line 398 ⟶ 452:

| <!-- markItUp! -->N/A

| <!-- MDK-Editor -->{{yes| textmode}}

| <!-- VS Code -->

|-

Line 404 ⟶ 459:

| <!-- 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 -->

Line 411 ⟶ 467:

| <!-- markItUp! -->{{yes}}

| <!-- MDK-Editor -->{{yes| All key combos (except F1 in IE7) can be bound to shortcuts }}

| <!-- VS Code -->{{yes}}

|-

Line 417 ⟶ 474:

| <!-- Mozilla Skywriter-->{{yes}}

| <!-- CodeMirror -->{{yes}}

| <!-- CodeJar -->{{yes}}

| <!-- Orion-->{{yes}}

| <!-- CodePress -->{{yes}}

Line 424 ⟶ 482:

| <!-- markItUp! -->{{no}}

| <!-- MDK-Editor -->{{yes| supports mouse selection}}

| <!-- VS Code -->{{yes}}

|-

Line 430 ⟶ 489:

| <!-- Mozilla Skywriter-->{{yes| regex supported}}

| <!-- CodeMirror -->{{yes| [http://codemirror.net/demo/search.html via API]}}

| <!-- CodeJar -->{{no}}

| <!-- Orion -->{{yes}}

| <!-- CodePress -->

Line 437 ⟶ 497:

| <!-- markItUp! -->

| <!-- MDK-Editor -->{{no| has API for the studio}}

| <!-- VS Code -->{{yes}}

|-

Line 443 ⟶ 504:

| <!-- Mozilla Skywriter-->{{some| addon for context menu}}

| <!-- CodeMirror -->{{no}}

| <!-- CodeJar -->{{no}}

| <!-- Orion -->{{no}}

| <!-- CodePress -->{{yes|browser-based}}

Line 450 ⟶ 512:

| <!-- markItUp! -->{{yes|browser-based}}

| <!-- MDK-Editor -->{{no}}

| <!-- VS Code -->

|-

Line 456 ⟶ 519:

| <!-- Mozilla Skywriter-->{{no| But command line console}}

| <!-- CodeMirror -->{{no}}

| <!-- CodeJar -->{{no}}

| <!-- Orion -->{{no}}

| <!-- CodePress -->

Line 463 ⟶ 527:

| <!-- markItUp! -->{{yes}}

| <!-- MDK-Editor -->{{no}}

| <!-- VS Code -->

|-

Line 469 ⟶ 534:

| <!-- Mozilla Skywriter-->{{yes| [https://wiki.mozilla.org/Labs/Bespin/UserGuide#Themes Fully theme-able]}}

| <!-- CodeMirror -->{{yes|CSS-based themes}}

| <!-- CodeJar -->{{yes}}

| <!-- Orion -->{{yes}}

| <!-- CodePress -->

Line 476 ⟶ 542:

| <!-- markItUp! -->

| <!-- MDK-Editor -->{{yes| 5 styles to choose from, having 2 font-sizes}}

| <!-- VS Code -->{{yes}}

|-

Line 482 ⟶ 549:

| <!-- Mozilla Skywriter-->{{yes}}

| <!-- CodeMirror -->{{yes}}

| <!-- CodeJar -->{{yes}}

| <!-- Orion -->{{yes}}

| <!-- CodePress -->{{yes}}

Line 489 ⟶ 557:

| <!-- markItUp! -->

| <!-- MDK-Editor -->{{yes| [[Differential Undo]]}}

| <!-- VS Code -->{{yes}}

|-

Line 495 ⟶ 564:

| <!-- Mozilla Skywriter-->{{yes| Multiple cursors}}

| <!-- CodeMirror -->{{yes}}

| <!-- CodeJar -->{{no}}

| <!-- Orion -->{{yes}}

| <!-- CodePress -->{{no}}

Line 502 ⟶ 572:

| <!-- markItUp! -->{{no}}

| <!-- MDK-Editor -->{{no}}

| <!-- VS Code -->

|-

Line 508 ⟶ 579:

| <!-- Mozilla Skywriter-->{{yes}}

| <!-- CodeMirror -->{{no}}

| <!-- CodeJar -->{{no}}

| <!-- Orion -->{{no}}

| <!-- CodePress -->{{no}}

Line 515 ⟶ 587:

| <!-- markItUp! -->{{no}}

| <!-- MDK-Editor -->{{no}}

| <!-- VS Code -->

|-

Line 521 ⟶ 594:

| <!-- Mozilla Skywriter-->{{yes}}

| <!-- CodeMirror -->{{yes}}

| <!-- CodeJar -->{{no}}

| <!-- Orion -->{{no}}

| <!-- CodePress -->{{no}}

Line 528 ⟶ 602:

| <!-- markItUp! -->{{no}}

| <!-- MDK-Editor -->{{no}}

| <!-- VS Code -->

|-

Line 534 ⟶ 609:

| <!-- Mozilla Skywriter-->{{yes}}

| <!-- CodeMirror -->{{yes}}

| <!-- CodeJar -->{{yes}}

| <!-- Orion -->{{yes}}

| <!-- CodePress -->

Line 541 ⟶ 617:

| <!-- markItUp! -->

| <!-- MDK-Editor -->{{no}}

| <!-- VS Code -->

|-

|-

! {{rh}} | Diff editor

| <!-- Mozilla Skywriter-->

| <!-- CodeMirror -->

| <!-- CodeJar -->

| <!-- Orion-->

| <!-- CodePress -->

| <!-- CodeTextArea -->

| <!-- EditArea -->

| <!-- Helene -->

| <!-- markItUp! -->

| <!-- MDK-Editor -->

| <!-- VS Code -->{{yes}}

|}

==See also==

* [[Comparison of online source code playgrounds]]

* [[Online JavaScript IDE]]

* [[HTML editor]]

==References==

Line 551 ⟶ 644:

{{JavaScript}}

{{DEFAULTSORT:JavaScript-based source code editor comparison}}

[[Category:JavaScript-based HTML editors| ]]

[[Category:Text editors|*Comparisoneditor of JavaScript-based source code editorscomparisons]]

[[Category:Software comparisons|Text editors]]

[[Category:Ajax (programming)]]