33 < head >
44 < title > CodeMirror: User Manual</ title >
55 < link rel ="stylesheet " type ="text/css " href ="http://fonts.googleapis.com/css?family=Droid+Sans|Droid+Sans:bold "/>
6- < link rel ="stylesheet " type ="text/css " href ="doc/ docs.css/>
6+ < link rel ="stylesheet " type ="text/css " href ="docs.css "/>
77 < meta http-equiv ="Content-Type " content ="text/html; charset=utf-8 "/>
88 < style > dl dl {margin : 0 ;}</ style >
99 </ head >
1212< h1 > < span class ="logo-braces "> { }</ span > < a href ="http://codemirror.net/ "> CodeMirror</ a > </ h1 >
1313
1414< pre class ="grey ">
15- < img src ="doc/ baboon.pngclass ="logo " alt ="logo "/> /* User manual and
15+ < img src ="baboon.png " class ="logo " alt ="logo "/> /* User manual and
1616 reference guide */
1717</ pre >
1818
@@ -46,7 +46,7 @@ <h2 id="usage">Basic Usage</h2>
4646 example:</ p >
4747
4848 < pre > <script src="lib/codemirror.js"> </script>
49- <link rel="stylesheet" href="lib/codemirror.css">
49+ <link rel="stylesheet" href="../ lib/codemirror.css">
5050<script src="mode/javascript/javascript.js"> </script> </ pre >
5151
5252 < p > Having done this, an editor instance can be created like
@@ -130,7 +130,7 @@ <h2 id="config">Configuration</h2>
130130 < dd > The theme to style the editor with. You must make sure the
131131 CSS file defining the corresponding < code > .cm-s-[name]</ code >
132132 styles is loaded (see
133- the < a href ="theme/ "> < code > theme</ code > </ a > directory in the
133+ the < a href ="../ theme/> < code > theme</ code > </ a > directory in the
134134 distribution). The default is < code > "default"</ code > , for which
135135 colors are included in < code > codemirror.css</ code > . It is
136136 possible to use multiple theming classes at once—for
@@ -159,7 +159,7 @@ <h2 id="config">Configuration</h2>
159159 < dd > Configures the keymap to use. The default
160160 is < code > "default"</ code > , which is the only keymap defined
161161 in < code > codemirror.js</ code > itself. Extra keymaps are found in
162- the < a href ="keymap/ "> < code > keymap</ code > </ a > directory.</ dd >
162+ the < a href ="../ keymap/> < code > keymap</ code > </ a > directory.</ dd >
163163
164164 < dt id ="option_extraKeys "> < code > extraKeys (object)</ code > </ dt >
165165 < dd > Can be used to specify extra keybindings for the editor.
@@ -296,7 +296,7 @@ <h2 id="styling">Customized Styling</h2>
296296 simply provide the colors for that mode, and can be adapted in a
297297 very straightforward way. To style the editor itself, it is
298298 possible to alter or override the styles defined
299- in < a href ="lib/codemirror.css "> < code > codemirror.css</ code > </ a > .</ p >
299+ in < a href ="../ lib/codemirror.css> < code > codemirror.css</ code > </ a > .</ p >
300300
301301 < p > Some care must be taken there, since a lot of the rules in this
302302 file are necessary to have CodeMirror function properly. Adjusting
@@ -370,7 +370,7 @@ <h2 id="styling">Customized Styling</h2>
370370
371371 < p > Themes are also simply CSS files, which define colors for
372372 various syntactic elements. See the files in
373- the < a href ="theme/ "> < code > theme</ code > </ a > directory.</ p >
373+ the < a href ="../ theme/> < code > theme</ code > </ a > directory.</ p >
374374
375375 < h2 id ="api "> Programming API</ h2 >
376376
@@ -655,14 +655,14 @@ <h2 id="addons">Add-ons</h2>
655655 editor functionality. In brief, they are:</ p >
656656
657657 < dl >
658- < dt id ="util_dialog "> < a href ="lib/util/dialog.js "> < code > dialog.js</ code > </ a > </ dt >
658+ < dt id ="util_dialog "> < a href ="../ lib/util/dialog.js> < code > dialog.js</ code > </ a > </ dt >
659659 < dd > Provides a very simple way to query users for text input.
660660 Adds an < code > openDialog</ code > method to CodeMirror instances,
661661 which can be called with an HTML fragment that provides the
662662 prompt (should include an < code > input</ code > tag), and a
663663 callback function that is called when text has been entered.
664664 Depends on < code > lib/util/dialog.css</ code > .</ dd >
665- < dt id ="util_searchcursor "> < a href ="lib/util/searchcursor.js "> < code > searchcursor.js</ code > </ a > </ dt >
665+ < dt id ="util_searchcursor "> < a href ="../ lib/util/searchcursor.js> < code > searchcursor.js</ code > </ a > </ dt >
666666 < dd > Adds the < code > getSearchCursor(query, start, caseFold) →
667667 cursor</ code > method to CodeMirror instances, which can be used
668668 to implement search/replace functionality. < code > query</ code >
@@ -691,15 +691,15 @@ <h2 id="addons">Add-ons</h2>
691691 replacement.</ dd >
692692 </ dl > </ dd >
693693
694- < dt id ="util_search "> < a href ="lib/util/search.js "> < code > search.js</ code > </ a > </ dt >
694+ < dt id ="util_search "> < a href ="../ lib/util/search.js> < code > search.js</ code > </ a > </ dt >
695695 < dd > Implements the search commands. CodeMirror has keys bound to
696696 these by default, but will not do anything with them unless an
697697 implementation is provided. Depends
698698 on < code > searchcursor.js</ code > , and will make use
699699 of < a href ="#util_dialog "> < code > openDialog</ code > </ a > when
700700 available to make prompting for search queries less ugly.</ dd >
701- < dt id ="util_foldcode "> < a href ="lib/util/foldcode.js "> < code > foldcode.js</ code > </ a > </ dt >
702- < dd > Helps with code folding. See < a href ="demo/folding.html "> the
701+ < dt id ="util_foldcode "> < a href ="../ lib/util/foldcode.js> < code > foldcode.js</ code > </ a > </ dt >
702+ < dd > Helps with code folding. See < a href ="../ demo/folding.html> the
703703 demo</ a > for an example.
704704 Call < code > CodeMirror.newFoldFunction</ code > with a range-finder
705705 helper function to create a function that will, when applied to
@@ -710,12 +710,12 @@ <h2 id="addons">Add-ons</h2>
710710 no block is started on that line. This file
711711 provides < code > CodeMirror.braceRangeFinder</ code > , which finds
712712 blocks in brace languages (JavaScript, C, Java, etc).</ dd >
713- < dt id ="util_runmode "> < a href ="lib/util/runmode.js "> < code > runmode.js</ code > </ a > </ dt >
713+ < dt id ="util_runmode "> < a href ="../ lib/util/runmode.js> < code > runmode.js</ code > </ a > </ dt >
714714 < dd > Can be used to run a CodeMirror mode over text without
715715 actually opening an editor instance.
716- See < a href ="demo/runmode.html "> the demo</ a > for an
716+ See < a href ="../ demo/runmode.html> the demo</ a > for an
717717 example.</ dd >
718- < dt id ="util_simple-hint "> < a href ="lib/util/simple-hint.js "> < code > simple-hint.js</ code > </ a > </ dt >
718+ < dt id ="util_simple-hint "> < a href ="../ lib/util/simple-hint.js> < code > simple-hint.js</ code > </ a > </ dt >
719719 < dd > Provides a framework for showing autocompletion hints.
720720 Defines < code > CodeMirror.simpleHint</ code > , which takes a
721721 CodeMirror instance and a hinting function, and pops up a widget
@@ -726,7 +726,7 @@ <h2 id="addons">Add-ons</h2>
726726 and < code > to</ code > give the start and end of the token that is
727727 being completed. Depends
728728 on < code > lib/util/simple-hint.css</ code > .</ dd >
729- < dt id ="util_javascript-hint "> < a href ="lib/util/javascript-hint.js "> < code > javascript-hint.js</ code > </ a > </ dt >
729+ < dt id ="util_javascript-hint "> < a href ="../ lib/util/javascript-hint.js> < code > javascript-hint.js</ code > </ a > </ dt >
730730 < dd > Defines < code > CodeMirror.javaScriptHint</ code > , which is a
731731 simple hinting function for the JavaScript mode.</ dd >
732732 </ dl >
@@ -909,13 +909,13 @@ <h2 id="modeapi">Writing CodeMirror Modes</h2>
909909 provide < code > startState</ code > , < code > copyState</ code > ,
910910 < code > compareStates</ code > , and < code > indent</ code > methods. For
911911 an example of a trivial mode, see
912- the < a href ="mode/diff/diff.js "> diff mode</ a > , for a more involved
913- example, see the < a href ="mode/clike/clike.js "> C-like
912+ the < a href ="../ mode/diff/diff.js> diff mode</ a > , for a more involved
913+ example, see the < a href ="../ mode/clike/clike.js> C-like
914914 mode</ a > .</ p >
915915
916916 < p > Sometimes, it is useful for modes to < em > nest</ em > —to have one
917917 mode delegate work to another mode. An example of this kind of
918- mode is the < a href ="mode/htmlmixed/htmlmixed.js "> mixed-mode HTML
918+ mode is the < a href ="../ mode/htmlmixed/htmlmixed.js> mixed-mode HTML
919919 mode</ a > . To implement such nesting, it is usually necessary to
920920 create mode objects and copy states yourself. To create a mode
921921 object, there are < code > CodeMirror.getMode(options,
0 commit comments