Comparison of JavaScript-based source code editors

Comparison of JavaScript-based source code editors

This article provides basic feature comparison between some of the JavaScript-based source code editors available today. This article is not all-inclusive or necessarily up-to-date.

Contents

Overview

List of source code editors
Editor Site Latest version Style / Clone of Cost (US$) Software license Open source Browser compatibility
Ace (editor) Home, Demo ? Emacs / regular textarea Free Mozilla tri-license ( MPL, GPL, LGPL) Yes Firefox 3.5+, Safari 4+, Chrome, IE 9+
CodeMirror Home, Demo 2.15, 2011-09-26 Emacs / regular textarea Free MIT-like license Yes Firefox 2+, Chrome, Safari 3+, Internet Explorer 6+, Opera 9+ (with some key-handling problems on OS X)[1]
CodePress dead home page, Demo, SourceForge 0.9.6, 2007-09-26 Microsoft Visual Studio Free LGPL Yes ?
CodeTextArea Home page, Demo, Experimental demo Jun. 2009. Microsoft Visual Studio Free BSD license Yes ?
EditArea Home, Demo 0.8.2, 2010-01-14 Microsoft Visual Studio Free LGPL Yes IE 6+, Firefox 1.5+, Safari 3+, Opera 9+ and Chrome[2]
Helene Home, Demo 0.9, unknown release date Microsoft Visual Studio Free GPL Yes
Markitup Home, Demo 1.1.6, 2010-01-12 markup editor, no syntax highlight Free MIT, GPL Yes IE 6 & 7, Firefox 2 & 3, Safari 3.1, Opera 9+[3]
9ne Home Page ? emacs Free GPL Yes
jsvi Home Page ? vi Free GPL Yes
Ymacs Home, Demo 0.4, 2010-Jan-17 emacs Free BSD-like license Yes Firefox, Chrome, Safari
MDK-Editor Home Page 2.10, 2008 Microsoft Visual Studio Depends on the use Dual license Code is readable tested to work on: IE 6, 7 - Firefox 2, 3 - Chrome
Mozilla Skywriter Home, Demo 0.9a1, 2010-06-29 Emacs / regular textarea Free MPL Yes Firefox 3.5+, Safari 4+, Chrome

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 CodeMirror CodePress CodeTextArea EditArea Helene markItUp! MDK-Editor Mozilla Skywriter
Implementation nestable full parsers pattern-based parser parsers
Syntax highlight JS, CSS, XML, mixed mode, PHP, SPARQL; community-extended with new parsers: Python, Lua, Ruby limited mixed mode: HTML + JavaScript (no CSS), PHP + HTML (no JavaScript or CSS), Java, Perl, SQL only keywords only one language at a time: Perl, PHP, CSS, Javascript, Python, HTML, XML, VB, C, CPP, SQL, Pascal, Basic, Brainf*ck PHP No mixed mode: PHP + HTML + JavaScript + CSS, single-mode: PHP, Javascript, CSS, XML; extensible Yes
Syntax checking Some No No HTML, JavaScript (using JSLint) HTML, JavaScript (using JSLint)
Tab support Yes Some Yes Yes Yes
Indent, new line keeps level Yes very limited No Yes N/A (can't press Enter) No Yes optional setting that is off by default
Indent, syntax Yes No No Yes
Indent, selected block either automatically, or block-level indent/unindent No yes, including Shift+Tab yes, including Shift+Tab and using context menu yes, including Shift+Tab and using context menu
Bracket matching Yes an implementation exists with mouse-hover bracket matching[citation needed] Ctrl+B; no angle bracket matching No matching bracket ([{<>}]) always highlighted can write your own plugin for it
XML matching tag highlight No No Yes can write your own plugin for it
Code folding Some[4] No No No No No No No
Code snippets can be done though API type 'for' or 'if' then Tab No Yes No Yes JavaScript No
Code suggestion example No yes[citation needed] No CSS, HTML, JavaScript) No
Toggle syntax highlight on/off Yes last example in demo N/A textmode No
Keyboard shortcuts can be added through API some common used: Ctrl+f, Ctrl+g,Ctrl+z,Ctrl+y Yes All key combos (except F1 in IE7) can be bound to shortcuts All Common Shortcuts & Custom Keybindings
Line numbers Yes Yes Yes Yes Yes No supports mouse selection Yes
Search & replace via API No toolbar button has API for the studio regex supported
Spell checking No browser-based none browser-based none browser-based No No
Toolbar No No Yes No Yes No But command line console
Visual styling font-type and font-size 5 styles to choose from, having 2 font-sizes Fully theme-able
Undo/Redo Yes Yes Yes Differential Undo Yes

Offspring projects

Below is a list of projects based on each engine.

Ace powered

  • Play My Code - browser-based game development site and portal, which includes hosting and embedding games
  • Cloud9 IDE - an open-source full browser-based IDE with team collaboration and online project hosting
  • Sky Edit - a project to integrate Ace as a proper editor within the browser using Mozilla Jetpack
  • R Studio - an online editor for the R programming language
  • Blue Griffon - a WYSIWYG web page editor
  • Qooxdoo Playground - in real-time GUI creator and editor using JavaScript
  • Radiant CMS - Ace extension for viewing files using the Ace editor
  • Add-on Builder - site that makes it easier to build FireFox extensions
  • Developer Companion - service providing the whole stack for programming development, uses Ace editor
  • Dirigible - a cloud-based programmable spreadsheet service
  • Shift Edit - Service allowing you to host, edit and publish projects.
  • Akshell - Online application building service within the browser

CodeMirror powered

CodePress powered

EditArea powered

MDK Editor powered

Mozilla Skywriter powered

Other

References

  1. ^ CodeMirror supported browsers
  2. ^ EditArea compatibility chart
  3. ^ [1]
  4. ^ http://codemirror.net/demo/folding.html

External links


Wikimedia Foundation. 2010.

Игры ⚽ Нужно сделать НИР?

Look at other dictionaries:

  • Comparison of Javascript-based source code editors — This article provides basic feature comparison between some of the JavaScript based source code editors available today. This article is not all inclusive or necessarily up to date. OverviewList of featuresFeature testing was performed with… …   Wikipedia

  • Source code editor — A source code editor is a text editor program designed specifically for editing source code of computer programs by programmers. It may be a standalone application or it may be built into an integrated development environment (IDE). Source code… …   Wikipedia

  • JavaScript syntax — This article is part of the JavaScript series. JavaScript JavaScript syntax JavaScript topics This box: view · …   Wikipedia

  • JavaScript — Infobox programming language name = JavaScript paradigm = Multi paradigm: prototype based, functional, imperative, scripting year = 1995 designer = Brendan Eich developer = Netscape Communications Corporation, Mozilla Foundation latest release… …   Wikipedia

  • JavaScript — Не следует путать с Java. JavaScript Класс языка: мультипарадигменный …   Википедия

  • Comparison of agent-based modeling software — In the last few years, the agent based modeling (ABM) community has developed several practical agent based modeling toolkits that enable individuals to develop agent based applications. More and more such toolkits are coming into existence, and… …   Wikipedia

  • Comparison of integrated development environments — Main article: Integrated development environment The following tables list notable software packages that are nominal IDEs; standalone tools such as source code editors and GUI builders are not included. Contents 1 ActionScript 2 Ada 3 Basic …   Wikipedia

  • Comparison of text editors — This article provides basic comparisons for common text editors. More feature details for text editors are available from the Category of text editor features and from the individual products articles. This article may not be up to date or… …   Wikipedia

  • Comparison of wiki software — The following tables compare general and technical information for a number of wiki software packages. Contents 1 General information 2 Target audience 3 Features 1 4 Features 2 …   Wikipedia

  • Comparison of HTML5 and Flash — HTML5 can sometimes be used as an alternative to Adobe Flash.[1] Both include features for playing audio and video within web pages, and using integrated SVG, vector graphics are possible with both. A common misconception is that HTML5 can… …   Wikipedia

Share the article and excerpts

Direct link
… Do a right-click on the link above
and select “Copy Link”