Essentials of Javascript - Cultural View

Comparison of JavaScript-based source code editors 77
Usability
Initial parse is slow,
further performance
is independent of
document size
TODO: Other aspects
new text
sometimes
syntax
highlighted
only after
going out of
the viewable
area
No
PageDown/PageUp
text ghosting if
syntax highlight
enabled
• Add Amy Editor (see also embedded version [40] ) http://www.amyeditor.com/
• What size files do these editors handle best
can't
type
Enter
no
documentation
• Dependencies: Certain JavaScript library? How many files does it require? When compressed, what is the
minimum download size in kilobytes?
• Tabbed editing?
• Javascript architecture (prototype, functional, or closure-based)
• How responsive is each library (with and without a large file loaded)? (Not sure how to measure this yet.)
• How long is the delay before syntax-highlighting occurs on new text?
Extensibility features
• Feature plugins
• Interface languages (English, French, etc.)
• Syntax highlighting plugins
• Bracket completion plugins
• Language snippet plugins
• Code suggestion plugins
Offspring projects
Below is a list of projects based on each engine.
CodeMirror powered
• ShiftEdit Web-based IDE [41]
• Google's API playground [42]
• r3 [43] , a template management engine developed by Yahoo!
• FireRainbow [44] - JavaScript syntax highlighting for Firebug
• Freebase's Acre IDE [45]
• Google Earth KML sampler [46]
• Eloquent JavaScript's console [47]
• A cool tutorial about the element [48]
• An online IDE for the Orc programming language [49]
• Kodingen - A Cloud Development Environment [50]
Editor is
fast and
responsive
even on
100k+ lines
of code in a
single file.
Only one on
a webpage.