File modules/editor/codemirror/mode/javascript/index.html

Last commit: Sun Dec 17 01:14:09 2017 +0100	Jan Dankert	Integration eines weiteren Code-Editors: Codemirror. Demnächst müssen wir hier mal aufräumen und andere Editoren rauswerfen.


     1 <!doctype html>
     2 
     3 <title>CodeMirror: JavaScript mode</title>
     4 <meta charset="utf-8"/>
     5 <link rel=stylesheet href="../../doc/docs.css">
     6 
     7 <link rel="stylesheet" href="../../lib/codemirror.css">
     8 <script src="../../lib/codemirror.js"></script>
     9 <script src="../../addon/edit/matchbrackets.js"></script>
    10 <script src="../../addon/comment/continuecomment.js"></script>
    11 <script src="../../addon/comment/comment.js"></script>
    12 <script src="javascript.js"></script>
    13 <style type="text/css">.CodeMirror {border-top: 1px solid black; border-bottom: 1px solid black;}</style>
    14 <div id=nav>
    15   <a href="http://codemirror.net"><h1>CodeMirror</h1><img id=logo src="../../doc/logo.png"></a>
    16 
    17   <ul>
    18     <li><a href="../../index.html">Home</a>
    19     <li><a href="../../doc/manual.html">Manual</a>
    20     <li><a href="https://github.com/codemirror/codemirror">Code</a>
    21   </ul>
    22   <ul>
    23     <li><a href="../index.html">Language modes</a>
    24     <li><a class=active href="#">JavaScript</a>
    25   </ul>
    26 </div>
    27 
    28 <article>
    29 <h2>JavaScript mode</h2>
    30 
    31 
    32 <div><textarea id="code" name="code">
    33 // Demo code (the actual new parser character stream implementation)
    34 
    35 function StringStream(string) {
    36   this.pos = 0;
    37   this.string = string;
    38 }
    39 
    40 StringStream.prototype = {
    41   done: function() {return this.pos >= this.string.length;},
    42   peek: function() {return this.string.charAt(this.pos);},
    43   next: function() {
    44     if (this.pos &lt; this.string.length)
    45       return this.string.charAt(this.pos++);
    46   },
    47   eat: function(match) {
    48     var ch = this.string.charAt(this.pos);
    49     if (typeof match == "string") var ok = ch == match;
    50     else var ok = ch &amp;&amp; match.test ? match.test(ch) : match(ch);
    51     if (ok) {this.pos++; return ch;}
    52   },
    53   eatWhile: function(match) {
    54     var start = this.pos;
    55     while (this.eat(match));
    56     if (this.pos > start) return this.string.slice(start, this.pos);
    57   },
    58   backUp: function(n) {this.pos -= n;},
    59   column: function() {return this.pos;},
    60   eatSpace: function() {
    61     var start = this.pos;
    62     while (/\s/.test(this.string.charAt(this.pos))) this.pos++;
    63     return this.pos - start;
    64   },
    65   match: function(pattern, consume, caseInsensitive) {
    66     if (typeof pattern == "string") {
    67       function cased(str) {return caseInsensitive ? str.toLowerCase() : str;}
    68       if (cased(this.string).indexOf(cased(pattern), this.pos) == this.pos) {
    69         if (consume !== false) this.pos += str.length;
    70         return true;
    71       }
    72     }
    73     else {
    74       var match = this.string.slice(this.pos).match(pattern);
    75       if (match &amp;&amp; consume !== false) this.pos += match[0].length;
    76       return match;
    77     }
    78   }
    79 };
    80 </textarea></div>
    81 
    82     <script>
    83       var editor = CodeMirror.fromTextArea(document.getElementById("code"), {
    84         lineNumbers: true,
    85         matchBrackets: true,
    86         continueComments: "Enter",
    87         extraKeys: {"Ctrl-Q": "toggleComment"}
    88       });
    89     </script>
    90 
    91     <p>
    92       JavaScript mode supports several configuration options:
    93       <ul>
    94         <li><code>json</code> which will set the mode to expect JSON
    95         data rather than a JavaScript program.</li>
    96         <li><code>jsonld</code> which will set the mode to expect
    97         <a href="http://json-ld.org">JSON-LD</a> linked data rather
    98         than a JavaScript program (<a href="json-ld.html">demo</a>).</li>
    99         <li><code>typescript</code> which will activate additional
   100         syntax highlighting and some other things for TypeScript code
   101         (<a href="typescript.html">demo</a>).</li>
   102         <li><code>statementIndent</code> which (given a number) will
   103         determine the amount of indentation to use for statements
   104         continued on a new line.</li>
   105         <li><code>wordCharacters</code>, a regexp that indicates which
   106         characters should be considered part of an identifier.
   107         Defaults to <code>/[\w$]/</code>, which does not handle
   108         non-ASCII identifiers. Can be set to something more elaborate
   109         to improve Unicode support.</li>
   110       </ul>
   111     </p>
   112 
   113     <p><strong>MIME types defined:</strong> <code>text/javascript</code>, <code>application/json</code>, <code>application/ld+json</code>, <code>text/typescript</code>, <code>application/typescript</code>.</p>
   114   </article>



Download modules/editor/codemirror/mode/javascript/index.html


History
Sun, 17 Dec 2017 01:14:09 +0100	Jan Dankert	Integration eines weiteren Code-Editors: Codemirror. Demnächst müssen wir hier mal aufräumen und andere Editoren rauswerfen.