Startsida Utforska Hjälp
Registrera dig Logga in
francis
/
amber
forkad från amber/amber
1
0
Fork 0
Filer
Träd: 46613193e7
Grenar Taggar
amber
/
bower_components
/
codemirror
/
index.html

index.html 23 KB
Historik Rå

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470 
  1. <!doctype html>
    2. 

  2. <html>
    3. 

  3.   <head>
    4. 

  4.     <meta charset="utf-8"/>
    5. 

  5.     <title>CodeMirror</title>
    6. 

  6.     <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Droid+Sans|Droid+Sans:bold"/>
    7. 

  7.     <link rel="stylesheet" type="text/css" href="doc/docs.css"/>
    8. 

  8.     <link rel="alternate" href="https://groups.google.com/group/codemirror-announce/feed/atom_v1_0_topics.xml" type="application/atom+xml"/>
    9. 

  9.   </head>
    10. 

  10.   <body>
    11. 

  11. 

  12. <h1><span class="logo-braces">{ }</span> <a href="http://codemirror.net/">CodeMirror</a></h1>
    13. 

  13. 

  14. <div class="grey">
    15. 

  15. <img src="doc/baboon.png" class="logo" alt="logo"/>
    16. 

  16. <pre>
    17. 

  17. /* In-browser code editing
    18. 

  18.    made bearable */
    19. 

  19. </pre>
    20. 

  20. </div>
    21. 

  21. 

  22. <div class="clear"><div class="left blk">
    23. 

  23. 

  24.   <p style="margin-top: 0">CodeMirror is a JavaScript component that
    25. 

  25.   provides a code editor in the browser. When a mode is available for
    26. 

  26.   the language you are coding in, it will color your code, and
    27. 

  27.   optionally help with indentation.</p>
    28. 

  28. 

  29.   <p>A <a href="doc/manual.html">rich programming API</a> and a CSS
    30. 

  30.   theming system are available for customizing CodeMirror to fit your
    31. 

  31.   application, and extending it with new functionality.</p>
    32. 

  32. 

  33.   <div class="clear"><div class="left1 blk">
    34. 

  34. 

  35.     <h2 style="margin-top: 0">Supported modes:</h2>
    36. 

  36. 

  37.     <ul>
    38. 

  38.       <li><a href="mode/clike/index.html">C, C++, C#</a></li>
    39. 

  39.       <li><a href="mode/clojure/index.html">Clojure</a></li>
    40. 

  40.       <li><a href="mode/coffeescript/index.html">CoffeeScript</a></li>
    41. 

  41.       <li><a href="mode/commonlisp/index.html">Common Lisp</a></li>
    42. 

  42.       <li><a href="mode/css/index.html">CSS</a></li>
    43. 

  43.       <li><a href="mode/d/index.html">D</a></li>
    44. 

  44.       <li><a href="mode/diff/index.html">diff</a></li>
    45. 

  45.       <li><a href="mode/ecl/index.html">ECL</a></li>
    46. 

  46.       <li><a href="mode/erlang/index.html">Erlang</a></li>
    47. 

  47.       <li><a href="mode/go/index.html">Go</a></li>
    48. 

  48.       <li><a href="mode/groovy/index.html">Groovy</a></li>
    49. 

  49.       <li><a href="mode/haskell/index.html">Haskell</a></li>
    50. 

  50.       <li><a href="mode/haxe/index.html">Haxe</a></li>
    51. 

  51.       <li><a href="mode/htmlmixed/index.html">HTML mixed-mode</a></li>
    52. 

  52.       <li><a href="mode/http/index.html">HTTP</a></li>
    53. 

  53.       <li><a href="mode/clike/index.html">Java</a></li>
    54. 

  54.       <li><a href="mode/javascript/index.html">JavaScript</a></li>
    55. 

  55.       <li><a href="mode/less/index.html">LESS</a></li>
    56. 

  56.       <li><a href="mode/lua/index.html">Lua</a></li>
    57. 

  57.       <li><a href="mode/markdown/index.html">Markdown</a> (<a href="mode/gfm/index.html">GitHub-flavour</a>)</li>
    58. 

  58.       <li><a href="mode/ntriples/index.html">NTriples</a></li>
    59. 

  59.       <li><a href="mode/ocaml/index.html">OCaml</a></li>
    60. 

  60.       <li><a href="mode/pascal/index.html">Pascal</a></li>
    61. 

  61.       <li><a href="mode/perl/index.html">Perl</a></li>
    62. 

  62.       <li><a href="mode/php/index.html">PHP</a></li>
    63. 

  63.       <li><a href="mode/properties/index.html">Properties files</a></li>
    64. 

  64.       <li><a href="mode/python/index.html">Python</a></li>
    65. 

  65.       <li><a href="mode/r/index.html">R</a></li>
    66. 

  66.       <li><a href="mode/rst/index.html">reStructuredText</a></li>
    67. 

  67.       <li><a href="mode/ruby/index.html">Ruby</a></li>
    68. 

  68.       <li><a href="mode/rust/index.html">Rust</a></li>
    69. 

  69.       <li><a href="mode/sass/index.html">Sass</a></li>
    70. 

  70.       <li><a href="mode/clike/scala.html">Scala</a></li>
    71. 

  71.       <li><a href="mode/scheme/index.html">Scheme</a></li>
    72. 

  72.       <li><a href="mode/shell/index.html">Shell</a></li>
    73. 

  73.       <li><a href="mode/smalltalk/index.html">Smalltalk</a></li>
    74. 

  74.       <li><a href="mode/smarty/index.html">Smarty</a></li>
    75. 

  75.       <li><a href="mode/sql/index.html">SQL</a> (several dialects)</li>
    76. 

  76.       <li><a href="mode/sparql/index.html">SPARQL</a></li>
    77. 

  77.       <li><a href="mode/stex/index.html">sTeX, LaTeX</a></li>
    78. 

  78.       <li><a href="mode/tcl/index.html">Tcl</a></li>
    79. 

  79.       <li><a href="mode/vb/index.html">VB.NET</a></li>
    80. 

  80.       <li><a href="mode/vbscript/index.html">VBScript</a></li>
    81. 

  81.       <li><a href="mode/velocity/index.html">Velocity</a></li>
    82. 

  82.       <li><a href="mode/xml/index.html">XML/HTML</a></li>
    83. 

  83.       <li><a href="mode/xquery/index.html">XQuery</a></li>
    84. 

  84.       <li><a href="mode/yaml/index.html">YAML</a></li>
    85. 

  85.       <li><a href="mode/z80/index.html">Z80</a></li>
    86. 

  86.       <li><a href="doc/modes.html">Full list...</a></li>
    87. 

  87.     </ul>
    88. 

  88. 

  89.   </div><div class="left2 blk">
    90. 

  90. 

  91.     <h2 style="margin-top: 0">Usage demos:</h2>
    92. 

  92. 

  93.     <ul>
    94. 

  94.       <li><a href="demo/complete.html">Autocompletion</a> (<a href="demo/xmlcomplete.html">XML</a>)</li>
    95. 

  95.       <li><a href="demo/search.html">Search/replace</a></li>
    96. 

  96.       <li><a href="demo/folding.html">Code folding</a></li>
    97. 

  97.       <li><a href="demo/bidi.html">Bi-directional text</a></li>
    98. 

  98.       <li><a href="demo/widget.html">Line widgets</a> (via JSHint)</li>
    99. 

  99.       <li><a href="demo/buffers.html">Split view</a></li>
    100. 

  100.       <li><a href="demo/mustache.html">Mode overlays</a></li>
    101. 

  101.       <li><a href="demo/multiplex.html">Mode multiplexer</a></li>
    102. 

  102.       <li><a href="demo/preview.html">HTML editor with preview</a></li>
    103. 

  103.       <li><a href="demo/resize.html">Auto-resizing editor</a></li>
    104. 

  104.       <li><a href="demo/marker.html">Setting breakpoints</a></li>
    105. 

  105.       <li><a href="demo/activeline.html">Highlighting the current line</a></li>
    106. 

  106.       <li><a href="demo/matchhighlighter.html">Highlighting selection matches</a></li>
    107. 

  107.       <li><a href="demo/theme.html">Theming</a></li>
    108. 

  108.       <li><a href="demo/variableheight.html">Mixed font sizes</a></li>
    109. 

  109.       <li><a href="demo/runmode.html">Stand-alone highlighting</a></li>
    110. 

  110.       <li><a href="demo/fullscreen.html">Full-screen editing</a></li>
    111. 

  111.       <li><a href="demo/changemode.html">Mode auto-changing</a></li>
    112. 

  112.       <li><a href="demo/visibletabs.html">Visible tabs</a></li>
    113. 

  113.       <li><a href="demo/emacs.html">Emacs keybindings</a></li>
    114. 

  114.       <li><a href="demo/vim.html">Vim keybindings</a></li>
    115. 

  115.       <li><a href="demo/closetag.html">Automatic xml tag closing</a></li>
    116. 

  116.       <li><a href="demo/loadmode.html">Lazy mode loading</a></li>
    117. 

  117.       <li><a href="demo/btree.html">Document tree visualization</a></li>
    118. 

  118.     </ul>
    119. 

  119. 

  120.     <h2>Real-world uses:</h2>
    121. 

  121. 

  122.     <ul>
    123. 

  123.       <li><a href="http://www.chris-granger.com/2012/04/12/light-table---a-new-ide-concept/">Light Table</a></li>
    124. 

  124.       <li><a href="http://brackets.io">Adobe Brackets</a></li>
    125. 

  125.       <li><a href="http://jsbin.com">jsbin.com</a></li>
    126. 

  126.       <li><a href="http://jsfiddle.com">jsfiddle.com</a></li>
    127. 

  127.       <li><a href="http://blog.bitbucket.org/2013/05/14/edit-your-code-in-the-cloud-with-bitbucket/">Bitbucket</a></li>
    128. 

  128.       <li><a href="https://script.google.com/">Google Apps Script</a></li>
    129. 

  129.       <li><a href="http://eloquentjavascript.net/chapter1.html">Eloquent JavaScript</a></li>
    130. 

  130.       <li><a href="http://emmet.io">Emmet</a></li>
    131. 

  131.       <li><a href="http://prose.io/">Prose.io</a></li>
    132. 

  132.       <li><a href="https://upsource.jetbrains.com/#idea/view/923f30395f2603cd9f42a32bcafd13b6c28de0ff/plugins/groovy/src/org/jetbrains/plugins/groovy/intentions/style/ReplaceAbstractClassInstanceByMapIntention.java">Upsource</a></li>
    133. 

  133.       <li><a href="http://paperjs.org/">Paper.js</a></li>
    134. 

  134.       <li><a href="http://codev.it/">Codev</a></li>
    135. 

  135.       <li><a href="http://enjalot.com/tributary/2636296/sinwaves.js">Tributary</a></li>
    136. 

  136.       <li><a href="http://www.wescheme.org/">WeScheme</a></li>
    137. 

  137.       <li><a href="http://www.mergely.com/">Mergely</a></li>
    138. 

  138.       <li><a href="http://webglplayground.net/">WebGL playground</a></li>
    139. 

  139.       <li><a href="https://thefiletree.com">The File Tree</a></li>
    140. 

  140.       <li><a href="http://www.jshint.com/">JSHint</a></li>
    141. 

  141.       <li><a href="http://sqlfiddle.com">SQLFiddle</a></li>
    142. 

  142.       <li><a href="http://cssdeck.com/">CSSDeck</a></li>
    143. 

  143.       <li><a href="http://www.sketchpatch.net/labs/livecodelabIntro.html">sketchPatch Livecodelab</a></li>
    144. 

  144.       <li><a href="https://notex.ch">NoTex</a></li>
    145. 

  145.       <li><a href="https://github.com/github/android">GitHub's Android app</a></li>
    146. 

  146.       <li><a href="doc/realworld.html">More...</a></li>
    147. 

  147.     </ul>
    148. 

  148. 

  149.   </div></div>
    150. 

  150. 

  151.   <h2 id="code">Getting the code</h2>
    152. 

  152. 

  153.   <p>All of CodeMirror is released under a <a
    154. 

  154.   href="LICENSE">MIT-style</a> license. To get it, you can download
    155. 

  155.   the <a href="http://codemirror.net/codemirror.zip">latest
    156. 

  156.   release</a> or the current <a
    157. 

  157.   href="http://codemirror.net/codemirror-latest.zip">development
    158. 

  158.   snapshot</a> as zip files. To create a custom minified script file,
    159. 

  159.   you can use the <a href="doc/compress.html">compression API</a>.</p>
    160. 

  160. 

  161.   <p>We use <a href="http://git-scm.com/">git</a> for version control.
    162. 

  162.   The main repository can be fetched in this way:</p>
    163. 

  163. 

  164.   <pre class="code">git clone http://marijnhaverbeke.nl/git/codemirror</pre>
    165. 

  165. 

  166.   <p>CodeMirror can also be found on GitHub at <a
    167. 

  167.   href="http://github.com/marijnh/CodeMirror">marijnh/CodeMirror</a>.
    168. 

  168.   If you plan to hack on the code and contribute patches, the best way
    169. 

  169.   to do it is to create a GitHub fork, and send pull requests.</p>
    170. 

  170. 

  171.   <h2 id="documention">Documentation</h2>
    172. 

  172. 

  173.   <p>The <a href="doc/manual.html">manual</a> is your first stop for
    174. 

  174.   learning how to use this library. It starts with a quick explanation
    175. 

  175.   of how to use the editor, and then describes the API in detail.</p>
    176. 

  176. 

  177.   <p>For those who want to learn more about the code, there is
    178. 

  178.   a <a href="http://marijnhaverbeke.nl/blog/#cm-internals">series of
    179. 

  179.   posts</a> on CodeMirror on my blog, and the
    180. 

  180.   old <a href="doc/internals.html">overview of the editor
    181. 

  181.   internals</a>.
    182. 

  182.   The <a href="http://github.com/marijnh/CodeMirror">source code</a>
    183. 

  183.   itself is, for the most part, also very readable.</p>
    184. 

  184. 

  185.   <h2 id="support">Support and bug reports</h2>
    186. 

  186. 

  187.   <p>Community discussion, questions, and informal bug reporting is
    188. 

  188.   done on
    189. 

  189.   the <a href="http://groups.google.com/group/codemirror">CodeMirror
    190. 

  190.   Google group</a>. There is a separate
    191. 

  191.   group, <a href="http://groups.google.com/group/codemirror-announce">CodeMirror-announce</a>,
    192. 

  192.   which is lower-volume, and is only used for major announcements—new
    193. 

  193.   versions and such. These will be cross-posted to both groups, so you
    194. 

  194.   don't need to subscribe to both.</p>
    195. 

  195. 

  196.   <p>Though bug reports through e-mail are responded to, the preferred
    197. 

  197.   way to report bugs is to use
    198. 

  198.   the <a href="http://github.com/marijnh/CodeMirror/issues">GitHub
    199. 

  199.   issue tracker</a>. Before reporting a
    200. 

  200.   bug, <a href="doc/reporting.html">read these pointers</a>. Also,
    201. 

  201.   the issue tracker is for <em>bugs</em>, not requests for help.</p>
    202. 

  202. 

  203.   <p>When none of these seem fitting, you can
    204. 

  204.   simply <a href="mailto:marijnh@gmail.com">e-mail the maintainer</a>
    205. 

  205.   directly.</p>
    206. 

  206. 

  207.   <h2 id="supported">Supported browsers</h2>
    208. 

  208. 

  209.   <p>The following <em>desktop</em> browsers are able to run CodeMirror:</p>
    210. 

  210. 

  211.   <ul>
    212. 

  212.     <li>Firefox 3 or higher</li>
    213. 

  213.     <li>Chrome, any version</li>
    214. 

  214.     <li>Safari 5.2 or higher</li>
    215. 

  215.     <li>Opera 9 or higher (with some key-handling problems on OS X)</li>
    216. 

  216.     <li>Internet Explorer 8 or higher in standards mode<br>
    217. 

  217.       <em>(<strong>Not</strong> quirks mode. But quasi-standards mode with a
    218. 

  218.       transitional doctype is also flaky. <code>&lt;!doctype
    219. 

  219.       html></code> is recommended.)</em></li>
    220. 

  220.     <li>Internet Explorer 7 (standards mode) is usable, but buggy. It
    221. 

  221.     has a <a href="http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html">z-index
    222. 

  222.     bug</a> that prevents CodeMirror from working properly.</li>
    223. 

  223.   </ul>
    224. 

  224. 

  225.   <p>I am not actively testing against every new browser release, and
    226. 

  226.   vendors have a habit of introducing bugs all the time, so I am
    227. 

  227.   relying on the community to tell me when something breaks.
    228. 

  228.   See <a href="#support">here</a> for information on how to contact
    229. 

  229.   me.</p>
    230. 

  230. 

  231.   <p>Mobile browsers mostly kind of work, but, because of limitations
    232. 

  232.   and their fundamentally different UI assumptions, show a lot of
    233. 

  233.   quirks that are hard to work around.</p>
    234. 

  234. 

  235.   <h2 id="commercial">Commercial support</h2>
    236. 

  236. 

  237.   <p>CodeMirror is developed and maintained by me, Marijn Haverbeke,
    238. 

  238.   in my own time. If your company is getting value out of CodeMirror,
    239. 

  239.   please consider purchasing a support contract.</p>
    240. 

  240. 

  241.   <ul>
    242. 

  242.     <li>You'll be funding further work on CodeMirror.</li>
    243. 

  243.     <li>You ensure that you get a quick response when you have a
    244. 

  244.     problem, even when I am otherwise busy.</li>
    245. 

  245.   </ul>
    246. 

  246. 

  247.   <p>CodeMirror support contracts exist in two
    248. 

  248.   forms—<strong>basic</strong> at €100 per month,
    249. 

  249.   and <strong>premium</strong> at €500 per
    250. 

  250.   month. <a href="mailto:marijnh@gmail.com">Contact me</a> for further
    251. 

  251.   information.</p>
    252. 

  252. 

  253. </div>
    254. 

  254. 

  255. <div class="right blk">
    256. 

  256. 

  257.   <a href="http://codemirror.net/codemirror.zip" class="download">Download the latest release</a>
    258. 

  258. 

  259.   <h2>Support CodeMirror</h2>
    260. 

  260. 

  261.   <ul>
    262. 

  262.     <li>Donate
    263. 

  263.     (<span onclick="document.getElementById('paypal').submit();"
    264. 

  264.     class="quasilink">Paypal</span>,
    265. 

  265.     <span onclick="document.getElementById('bankinfo').style.display = 'block';"
    266. 

  266.            class="quasilink">bank</span>,
    267. 

  267.     <a href="https://www.gittip.com/marijnh">Gittip</a>, or
    268. 

  268.     <a href="https://flattr.com/profile/marijnh">Flattr</a>)</li>
    269. 

  269.     <li>Purchase <a href="#commercial">commercial support</a></li>
    270. 

  270.   </ul>
    271. 

  271. 

  272.   <p id="bankinfo" style="display: none;">
    273. 

  273.     Bank: <i>Rabobank</i><br/>
    274. 

  274.     Country: <i>Netherlands</i><br/>
    275. 

  275.     SWIFT: <i>RABONL2U</i><br/>
    276. 

  276.     Account: <i>147850770</i><br/>
    277. 

  277.     Name: <i>Marijn Haverbeke</i><br/>
    278. 

  278.     IBAN: <i>NL26 RABO 0147 8507 70</i>
    279. 

  279.   </p>
    280. 

  280. 

  281.   <h2>Reading material</h2>
    282. 

  282. 

  283.   <ul>
    284. 

  284.     <li><a href="doc/manual.html">User manual</a></li>
    285. 

  285.     <li><a href="http://github.com/marijnh/CodeMirror">Browse the code</a></li>
    286. 

  286.   </ul>
    287. 

  287. 

  288.   <h2 id=releases>Releases</h2>
    289. 

  289. 

  290.   <p class="rel">20-05-2013: <a href="http://codemirror.net/codemirror-3.13.zip">Version 3.13</a>:</p>
    291. 

  291. 

  292.   <ul class="rel-note">
    293. 

  293.     <li>New modes: <a href="mode/cobol/index.html">COBOL</a> and <a href="mode/haml/index.html">HAML</a>.</li>
    294. 

  294.     <li>New options: <a href="doc/manual.html#option_cursorScrollMargin"><code>cursorScrollMargin</code></a> and <a href="doc/manual.html#option_coverGutterNextToScrollbar"><code>coverGutterNextToScrollbar</code></a>.</li>
    295. 

  295.     <li>New addon: <a href="doc/manual.html#addon_comment">commenting</a>.</li>
    296. 

  296.     <li>More features added to the <a href="demo/vim.html">Vim keymap</a>.</li>
    297. 

  297.     <li>Full <a href="https://github.com/marijnh/CodeMirror/compare/v3.12...3.13.0">list of patches</a>.</li>
    298. 

  298.   </ul>
    299. 

  299. 

  300.   <p class="rel">19-04-2013: <a href="http://codemirror.net/codemirror-3.12.zip">Version 3.12</a>:</p>
    301. 

  301. 

  302.   <ul class="rel-note">
    303. 

  303.     <li>New mode: <a href="mode/gas/index.html">GNU assembler</a>.</li>
    304. 

  304.     <li>New
    305. 

  305.     options: <a href="doc/manual.html#option_maxHighlightLength"><code>maxHighlightLength</code></a>
    306. 

  306.     and <a href="doc/manual.html#option_historyEventDelay"><code>historyEventDelay</code></a>.</li>
    307. 

  307.     <li>Added <a href="doc/manual.html#mark_addToHistory"><code>addToHistory</code></a>
    308. 

  308.     option for <code>markText</code>.</li>
    309. 

  309.     <li>Various fixes to JavaScript tokenization and indentation corner cases.</li>
    310. 

  310.     <li>Further improvements to the vim mode.</li>
    311. 

  311.     <li>Full <a href="https://github.com/marijnh/CodeMirror/compare/v3.11...v3.12">list of patches</a>.</li>
    312. 

  312.   </ul>
    313. 

  313. 

  314.   <p class="rel">20-03-2013: <a href="http://codemirror.net/codemirror-3.11.zip">Version 3.11</a>:</p>
    315. 

  315. 

  316.   <ul class="rel-note">
    317. 

  317.     <li><strong>Removed code:</strong> <code>collapserange</code>,
    318. 

  318.     <code>formatting</code>, and <code>simple-hint</code>
    319. 

  319.     addons. <code>plsql</code> and <code>mysql</code> modes
    320. 

  320.     (use <a href="mode/sql/index.html"><code>sql</code></a> mode).</li>
    321. 

  321.     <li><strong>Moved code:</strong> the range-finding functions for folding now have <a href="addon/fold/">their own files</a>.</li>
    322. 

  322.     <li><strong>Changed interface:</strong>
    323. 

  323.     the <a href="doc/manual.html#addon_continuecomment"><code>continuecomment</code></a>
    324. 

  324.     addon now exposes an option, rather than a command.</li>
    325. 

  325.     <li>New
    326. 

  326.     modes: <a href="mode/css/scss.html">SCSS</a>, <a href="mode/tcl/index.html">Tcl</a>, <a href="mode/livescript/index.html">LiveScript</a>,
    327. 

  327.     and <a href="mode/mirc/index.html">mIRC</a>.</li>
    328. 

  328.     <li>New addons: <a href="demo/placeholder.html"><code>placeholder</code></a>, <a href="demo/html5complete.html">HTML completion</a>.</li>
    329. 

  329.     <li>New
    330. 

  330.     methods: <a href="doc/manual.html#hasFocus"><code>hasFocus</code></a>, <a href="doc/manual.html#defaultCharWidth"><code>defaultCharWidth</code></a>.</li>
    331. 

  331.     <li>New events: <a href="doc/manual.html#event_beforeCursorEnter"><code>beforeCursorEnter</code></a>, <a href="doc/manual.html#event_renderLine"><code>renderLine</code></a>.</li>
    332. 

  332.     <li>Many improvements to the <a href="doc/manual.html#addon_show-hint"><code>show-hint</code></a> completion
    333. 

  333.     dialog addon.</li>
    334. 

  334.     <li>Tweak behavior of by-word cursor motion.</li>
    335. 

  335.     <li>Further improvements to the <a href="demo/vim.html">vim mode</a>.</li>
    336. 

  336.     <li>Full <a href="https://github.com/marijnh/CodeMirror/compare/v3.1...v3.11">list of patches</a>.</li>
    337. 

  337.   </ul>
    338. 

  338. 

  339.   <p class="rel">21-02-2013: <a href="http://codemirror.net/codemirror-3.1.zip">Version 3.1</a>:</p>
    340. 

  340. 

  341.   <ul class="rel-note">
    342. 

  342.     <li><strong>Incompatible:</strong> key handlers may
    343. 

  343.     now <em>return</em>, rather
    344. 

  344.     than <em>throw</em> <code>CodeMirror.Pass</code> to signal they
    345. 

  345.     didn't handle the key.</li>
    346. 

  346.     <li>Make documents a <a href="doc/manual.html#api_doc">first-class
    347. 

  347.     construct</a>, support split views and subviews.</li>
    348. 

  348.     <li>Add a <a href="doc/manual.html#addon_show-hint">new module</a>
    349. 

  349.     for showing completion hints.
    350. 

  350.     Deprecate <code>simple-hint.js</code>.</li>
    351. 

  351.     <li>Extend <a href="mode/htmlmixed/index.html">htmlmixed mode</a>
    352. 

  352.     to allow custom handling of script types.</li>
    353. 

  353.     <li>Support an <code>insertLeft</code> option
    354. 

  354.     to <a href="doc/manual.html#setBookmark"><code>setBookmark</code></a>.</li>
    355. 

  355.     <li>Add an <a href="doc/manual.html#eachLine"><code>eachLine</code></a>
    356. 

  356.     method to iterate over a document.</li>
    357. 

  357.     <li>New addon modules: <a href="demo/markselection.html">selection
    358. 

  358.     marking</a>, <a href="demo/lint.html">linting</a>,
    359. 

  359.     and <a href="demo/closebrackets.html">automatic bracket
    360. 

  360.     closing</a>.</li>
    361. 

  361.     <li>Add <a href="doc/manual.html#event_beforeChange"><code>"beforeChange"</code></a>
    362. 

  362.     and <a href="doc/manual.html#event_beforeSelectionChange"><code>"beforeSelectionChange"</code></a>
    363. 

  363.     events.</li>
    364. 

  364.     <li>Add <a href="doc/manual.html#event_hide"><code>"hide"</code></a>
    365. 

  365.     and <a href="doc/manual.html#event_unhide"><code>"unhide"</code></a>
    366. 

  366.     events to marked ranges.</li>
    367. 

  367.     <li>Fix <a href="doc/manual.html#coordsChar"><code>coordsChar</code></a>'s
    368. 

  368.     interpretation of its argument to match the documentation.</li>
    369. 

  369.     <li>New modes: <a href="mode/turtle/index.html">Turtle</a>
    370. 

  370.     and <a href="mode/q/index.html">Q</a>.</li>
    371. 

  371.     <li>Further improvements to the <a href="demo/vim.html">vim mode</a>.</li>
    372. 

  372.     <li>Full <a href="https://github.com/marijnh/CodeMirror/compare/v3.01...v3.1">list of patches</a>.</li>
    373. 

  373.   </ul>
    374. 

  374.   
    375. 

  375. 

  376.   <p class="rel">25-01-2013: <a href="http://codemirror.net/codemirror-3.02.zip">Version 3.02</a>:</p>
    377. 

  377. 

  378.   <p class="rel-note">Single-bugfix release. Fixes a problem that
    379. 

  379.   prevents CodeMirror instances from being garbage-collected after
    380. 

  380.   they become unused.</p>
    381. 

  381. 

  382.   <p class="rel">21-01-2013: <a href="http://codemirror.net/codemirror-3.01.zip">Version 3.01</a>:</p>
    383. 

  383. 

  384.   <ul class="rel-note">
    385. 

  385.     <li>Move all add-ons into an organized directory structure
    386. 

  386.     under <a href="addon/"><code>/addon</code></a>. <strong>You might have to adjust your
    387. 

  387.     paths.</strong></li>
    388. 

  388.     <li>New
    389. 

  389.     modes: <a href="mode/d/index.html">D</a>, <a href="mode/sass/index.html">Sass</a>, <a href="mode/apl/index.html">APL</a>, <a href="mode/sql/index.html">SQL</a>
    390. 

  390.     (configurable), and <a href="mode/asterisk/index.html">Asterisk</a>.</li>
    391. 

  391.     <li>Several bugfixes in right-to-left text support.</li>
    392. 

  392.     <li>Add <a href="doc/manual.html#option_rtlMoveVisually"><code>rtlMoveVisually</code></a> option.</li>
    393. 

  393.     <li>Improvements to vim keymap.</li>
    394. 

  394.     <li>Add built-in (lightweight) <a href="doc/manual.html#addOverlay">overlay mode</a> support.</li>
    395. 

  395.     <li>Support <code>showIfHidden</code> option for <a href="doc/manual.html#addLineWidget">line widgets</a>.</li>
    396. 

  396.     <li>Add simple <a href="doc/manual.html#addon_python-hint">Python hinter</a>.</li>
    397. 

  397.     <li>Bring back the <a href="doc/manual.html#option_fixedGutter"><code>fixedGutter</code></a> option.</li>
    398. 

  398.     <li>Full <a href="https://github.com/marijnh/CodeMirror/compare/v3.0...v3.01">list of patches</a>.</li>
    399. 

  399.   </ul>
    400. 

  400. 

  401.   <p class="rel">21-01-2013: <a href="http://codemirror.net/codemirror-2.38.zip">Version 2.38</a>:</p>
    402. 

  402. 

  403.   <p class="rel-note">Integrate some bugfixes, enhancements to the vim keymap, and new
    404. 

  404.   modes
    405. 

  405.   (<a href="mode/d/index.html">D</a>, <a href="mode/sass/index.html">Sass</a>, <a href="mode/apl/index.html">APL</a>)
    406. 

  406.   from the v3 branch.</p>
    407. 

  407. 

  408.   <p class="rel">20-12-2012: <a href="http://codemirror.net/codemirror-2.37.zip">Version 2.37</a>:</p>
    409. 

  409. 

  410.   <ul class="rel-note">
    411. 

  411.     <li>New mode: <a href="mode/sql/index.html">SQL</a> (will replace <a href="mode/plsql/index.html">plsql</a> and <a href="mode/mysql/index.html">mysql</a> modes).</li>
    412. 

  412.     <li>Further work on the new VIM mode.</li>
    413. 

  413.     <li>Fix Cmd/Ctrl keys on recent Operas on OS X.</li>
    414. 

  414.     <li>Full <a href="https://github.com/marijnh/CodeMirror/compare/v2.36...v2.37">list of patches</a>.</li>
    415. 

  415.   </ul>
    416. 

  416. 

  417.   <p class="rel">10-12-2012: <a href="http://codemirror.net/codemirror-3.0.zip">Version 3.0</a>:</p>
    418. 

  418. 

  419.   <p class="rel-note"><strong>New major version</strong>. Only
    420. 

  420.   partially backwards-compatible. See
    421. 

  421.   the <a href="doc/upgrade_v3.html">upgrading guide</a> for more
    422. 

  422.   information. Changes since release candidate 2:</p>
    423. 

  423. 

  424.   <ul class="rel-note">
    425. 

  425.     <li>Rewritten VIM mode.</li>
    426. 

  426.     <li>Fix a few minor scrolling and sizing issues.</li>
    427. 

  427.     <li>Work around Safari segfault when dragging.</li>
    428. 

  428.     <li>Full <a href="https://github.com/marijnh/CodeMirror/compare/v3.0rc2...v3.0">list of patches</a>.</li>
    429. 

  429.   </ul>
    430. 

  430.   
    431. 

  431. 

  432.   <p class="rel">20-11-2012: <a href="http://codemirror.net/codemirror-3.0rc2.zip">Version 3.0, release candidate 2</a>:</p>
    433. 

  433. 

  434.   <ul class="rel-note">
    435. 

  435.     <li>New mode: <a href="mode/http/index.html">HTTP</a>.</li>
    436. 

  436.     <li>Improved handling of selection anchor position.</li>
    437. 

  437.     <li>Improve IE performance on longer lines.</li>
    438. 

  438.     <li>Reduce gutter glitches during horiz. scrolling.</li>
    439. 

  439.     <li>Add <a href="doc/manual.html#addKeyMap"><code>addKeyMap</code></a> and <a href="doc/manual.html#removeKeyMap"><code>removeKeyMap</code></a> methods.</li>
    440. 

  440.     <li>Rewrite <code>formatting</code> and <code>closetag</code> add-ons.</li>
    441. 

  441.     <li>Full <a href="https://github.com/marijnh/CodeMirror/compare/v3.0rc1...v3.0rc2">list of patches</a>.</li>
    442. 

  442.   </ul>
    443. 

  443. 

  444.   <p class="rel">20-11-2012: <a href="http://codemirror.net/codemirror-2.36.zip">Version 2.36</a>:</p>
    445. 

  445. 

  446.   <ul class="rel-note">
    447. 

  447.     <li>New mode: <a href="mode/z80/index.html">Z80 assembly</a>.</li>
    448. 

  448.     <li>New theme: <a href="demo/theme.html?twilight">Twilight</a>.</li>
    449. 

  449.     <li>Add command-line compression helper.</li>
    450. 

  450.     <li>Make <a href="doc/manual.html#scrollIntoView"><code>scrollIntoView</code></a> public.</li>
    451. 

  451.     <li>Add <a href="doc/manual.html#defaultTextHeight"><code>defaultTextHeight</code></a> method.</li>
    452. 

  452.     <li>Various extensions to the vim keymap.</li>
    453. 

  453.     <li>Make <a href="mode/php/index.html">PHP mode</a> build on <a href="mode/htmlmixed/index.html">mixed HTML mode</a>.</li>
    454. 

  454.     <li>Add <a href="doc/manual.html#addon_continuecomment">comment-continuing</a> add-on.</li>
    455. 

  455.     <li>Full <a href="https://github.com/marijnh/CodeMirror/compare/v2.35...v2.36">list of patches</a>.</li>
    456. 

  456.   </ul>
    457. 

  457. 

  458.   <p><a href="doc/oldrelease.html">Older releases...</a></p>
    459. 

  459. 

  460. </div></div>
    461. 

  461. 

  462. <div style="height: 2em">&nbsp;</div>
    463. 

  463. 

  464.   <form action="https://www.paypal.com/cgi-bin/webscr" method="post" id="paypal">
    465. 

  465.     <input type="hidden" name="cmd" value="_s-xclick"/>
    466. 

  466.     <input type="hidden" name="hosted_button_id" value="3FVHS5FGUY7CC"/>
    467. 

  467.   </form>
    468. 

  468. 

  469.   </body>
    470. 

  470. </html>
    471.