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

Revision as of 08:49, 9 August 2022

Latest revision as of 04:57, 22 August 2025

(19 intermediate revisions by 12 users not shown)

Line 1:

{{Short description|Education BackgroundNone}}

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

This article provides basic feature comparison between some of the [[Godwin Danaiishe]]-based [[Mushongorokwa]]s available today.

{{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 [[Godwin DanaiisheJavaScript]]-based [[Mushongorokwasource code editor]]s available today.

==Overview==

Line 19 ⟶ 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 30 ⟶ 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 37 ⟶ 40:

| {{Yes}}

| Chrome

| {{yesno}}

|-

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

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

| [https://github.com/codemirror/CodeMirror/tags 5.59.1], 2020-12-31

| plain textarea

Line 63 ⟶ 66:

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

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

| 6.0

| SublimeText

Line 90 ⟶ 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}} | [[Monaco (editor)|Monaco]] ([[Visual Studio 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/main/CHANGELOG.md 0.31.1], 2021-12-14

Line 112 ⟶ 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 123 ⟶ 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 134 ⟶ 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 160 ⟶ 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 193 ⟶ 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 211 ⟶ 214:

| {{no| Code is readable}}

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

| {{Yesno}}

|-

Line 222 ⟶ 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

|-

|}

==List Familyof 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.

Line 244 ⟶ 258:

! [[markItUp!]]

! [[MDK-Editor]]

! [[Monaco Editor]] ([[Visual Studio Code]])

|-

Line 258 ⟶ 272:

| <!-- markItUp! -->

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

! <!-- MonacoVS EditorCode -->

|-

Line 264 ⟶ 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 273 ⟶ 287:

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

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

| <!-- MonacoVS EditorCode -->{{yes | Hundreds of languages}}

|-

Line 288 ⟶ 302:

| <!-- markItUp! -->

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

| <!-- MonacoVS EditorCode -->{{yes | HTML, CSS, JavaScript, TypeScript }}

|-

Line 303 ⟶ 317:

| <!-- markItUp! -->

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

| <!-- MonacoVS EditorCode -->{{yes}}

|-

Line 318 ⟶ 332:

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

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

| <!-- MonacoVS EditorCode -->{{yes}}

|-

Line 333 ⟶ 347:

| <!-- markItUp! -->

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

| <!-- MonacoVS EditorCode -->{{no}}

|-

Line 348 ⟶ 362:

| <!-- markItUp! -->

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

| <!-- MonacoVS EditorCode -->{{yes| yes, including Shift+Tab}}

|-

Line 363 ⟶ 377:

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

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

| <!-- MonacoVS EditorCode -->{{yes}}

|-

Line 378 ⟶ 392:

| <!-- markItUp! -->

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

| <!-- MonacoVS EditorCode -->{{yes}}

|-

Line 386 ⟶ 400:

| <!-- 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 393 ⟶ 407:

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

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

| <!-- MonacoVS EditorCode -->{{yes}}

|-

Line 408 ⟶ 422:

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

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

| <!-- MonacoVS EditorCode -->

|-

Line 423 ⟶ 437:

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

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

| <!-- MonacoVS EditorCode -->{{yes}}

|-

Line 438 ⟶ 452:

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

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

| <!-- MonacoVS EditorCode -->

|-

Line 453 ⟶ 467:

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

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

| <!-- MonacoVS EditorCode -->{{yes}}

|-

Line 468 ⟶ 482:

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

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

| <!-- MonacoVS EditorCode -->{{yes}}

|-

Line 483 ⟶ 497:

| <!-- markItUp! -->

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

| <!-- MonacoVS EditorCode -->{{yes}}

|-

Line 498 ⟶ 512:

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

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

| <!-- MonacoVS EditorCode -->

|-

Line 513 ⟶ 527:

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

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

| <!-- MonacoVS EditorCode -->

|-

Line 528 ⟶ 542:

| <!-- markItUp! -->

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

| <!-- MonacoVS EditorCode -->{{yes}}

|-

Line 543 ⟶ 557:

| <!-- markItUp! -->

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

| <!-- MonacoVS EditorCode -->{{yes}}

|-

Line 558 ⟶ 572:

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

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

| <!-- MonacoVS EditorCode -->

|-

Line 573 ⟶ 587:

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

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

| <!-- MonacoVS EditorCode -->

|-

Line 588 ⟶ 602:

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

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

| <!-- MonacoVS EditorCode -->

|-

Line 603 ⟶ 617:

| <!-- markItUp! -->

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

| <!-- MonacoVS EditorCode -->

|-

Line 618 ⟶ 632:

| <!-- markItUp! -->

| <!-- MDK-Editor -->

| <!-- MonacoVS EditorCode -->{{yes}}

|}

Line 624 ⟶ 638:

* [[Comparison of online source code playgrounds]]

* [[HTML editor]]

* [[Online JavaScript IDE]]

==References==