In-browser code editing

Marijn Haverbeke

up/down to skip between slides
space and backspace to navigate interactive slides
(CodeMirror demo, scroll animations)
a 3-part talk:
state of the art ❇
inspirational demo ❇
implementation war stories ❇
textarea
schmextarea
who's who
ACE ❇
CodeMirror ❇
Orion ❇
ACE ≈ furniture
CodeMirror ≈ timber
trust me
I am biased
demotime
textarea
a taste of ACE
but
how does it
work?
the cursor
is a
lie
those
scrollbars?
not real
either
scrolling model
who's afraid of
huge files?
document b-tree
startState: function() → state
token: function(stream, state) → string
mode state updates
highlighting tag mismatch
spotting local variables
modes compose easily
the
future
aside:
Orion's
approach
that's all, folks
http://codemirror.net
marijnjh