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

Revision as of 17:56, 14 August 2020

Latest revision as of 04:57, 22 August 2025

(32 intermediate revisions by 23 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 v1.4.12], 2020-7

| Sublime Text / Microsoft Visual Studio

Line 29 ⟶ 33:

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

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

| [https://atom.io/releases v1.50.0-beta0], 2020-07-14

| Emacs, Vim and others

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.5659.01], 2020-0712-2031

| plain textarea

| {{free}}

Line 62 ⟶ 66:

! {{rh}} | [[Codeanywhere]]

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

| 6.0

| SublimeText

Line 89 ⟶ 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.2031.01], 20202021-0212-1114

| [[Visual Studio Code]]

| {{free}}

Line 111 ⟶ 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 122 ⟶ 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 133 ⟶ 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 159 ⟶ 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 192 ⟶ 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 210 ⟶ 214:

| {{no| Code is readable}}

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

| {{Yesno}}

|-

Line 221 ⟶ 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 243 ⟶ 258:

! [[markItUp!]]

! [[MDK-Editor]]

! [[Visual Studio Code]]

|-

Line 256 ⟶ 272:

| <!-- markItUp! -->

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

! <!-- VS Code -->

|-

Line 261 ⟶ 278:

! {{rh}} | Syntax highlight

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

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

Line 270 ⟶ 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 284 ⟶ 302:

| <!-- markItUp! -->

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

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

|-

Line 298 ⟶ 317:

| <!-- markItUp! -->

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

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

|-

Line 312 ⟶ 332:

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

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

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

|-

Line 326 ⟶ 347:

| <!-- markItUp! -->

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

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

|-

Line 340 ⟶ 362:

| <!-- markItUp! -->

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

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

|-

Line 354 ⟶ 377:

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

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

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

|-

Line 368 ⟶ 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 382 ⟶ 407:

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

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

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

|-

Line 396 ⟶ 422:

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

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

| <!-- VS Code -->

|-

Line 410 ⟶ 437:

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

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

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

|-

Line 424 ⟶ 452:

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

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

| <!-- VS Code -->

|-

Line 438 ⟶ 467:

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

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

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

|-

Line 452 ⟶ 482:

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

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

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

|-

Line 466 ⟶ 497:

| <!-- markItUp! -->

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

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

|-

Line 480 ⟶ 512:

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

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

| <!-- VS Code -->

|-

Line 494 ⟶ 527:

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

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

| <!-- VS Code -->

|-

Line 508 ⟶ 542:

| <!-- markItUp! -->

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

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

|-

Line 522 ⟶ 557:

| <!-- markItUp! -->

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

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

|-

Line 536 ⟶ 572:

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

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

| <!-- VS Code -->

|-

Line 550 ⟶ 587:

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

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

| <!-- VS Code -->

|-

Line 564 ⟶ 602:

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

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

| <!-- VS Code -->

|-

Line 578 ⟶ 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}}

|}

Line 583 ⟶ 638:

* [[Comparison of online source code playgrounds]]

* [[HTML editor]]

* [[Online JavaScript IDE]]

==References==

Line 590 ⟶ 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)]]