to-be-integrated/third-party/codemirror-3.15/mode/gfm/index.html

   1 <!doctype html>
   2 <html>
   3   <head>
   4     <meta charset="utf-8">
   5     <title>CodeMirror: GFM mode</title>
   6     <link rel="stylesheet" href="../../lib/codemirror.css">
   7     <script src="../../lib/codemirror.js"></script>
   8     <script src="../../addon/mode/overlay.js"></script>
   9     <script src="../xml/xml.js"></script>
  10     <script src="../markdown/markdown.js"></script>
  11     <script src="gfm.js"></script>
  12
  13     <!-- Code block highlighting modes -->
  14     <script src="../javascript/javascript.js"></script>
  15     <script src="../css/css.js"></script>
  16     <script src="../htmlmixed/htmlmixed.js"></script>
  17     <script src="../clike/clike.js"></script>
  18
  19     <style type="text/css">.CodeMirror {border-top: 1px solid black; border-bottom: 1px solid black;}</style>
  20     <link rel="stylesheet" href="../../doc/docs.css">
  21   </head>
  22   <body>
  23     <h1>CodeMirror: GFM mode</h1>
  24
  25 <form><textarea id="code" name="code">
  26 GitHub Flavored Markdown
  27 ========================
  28
  29 Everything from markdown plus GFM features:
  30
  31 ## URL autolinking
  32
  33 Underscores_are_allowed_between_words.
  34
  35 ## Fenced code blocks (and syntax highlighting)
  36
  37 ```javascript
  38 for (var i = 0; i &lt; items.length; i++) {
  39     console.log(items[i], i); // log them
  40 }
  41 ```
  42
  43 ## Task Lists
  44
  45 - [ ] Incomplete task list item
  46 - [x] **Completed** task list item
  47
  48 ## A bit of GitHub spice
  49
  50 * SHA: be6a8cc1c1ecfe9489fb51e4869af15a13fc2cd2
  51 * User@SHA ref: mojombo@be6a8cc1c1ecfe9489fb51e4869af15a13fc2cd2
  52 * User/Project@SHA: mojombo/god@be6a8cc1c1ecfe9489fb51e4869af15a13fc2cd2
  53 * \#Num: #1
  54 * User/#Num: mojombo#1
  55 * User/Project#Num: mojombo/god#1
  56
  57 See http://github.github.com/github-flavored-markdown/.
  58
  59 </textarea></form>
  60
  61     <script>
  62       var editor = CodeMirror.fromTextArea(document.getElementById("code"), {
  63         mode: 'gfm',
  64         lineNumbers: true,
  65         theme: "default"
  66       });
  67     </script>
  68
  69     <p>Optionally depends on other modes for properly highlighted code blocks.</p>
  70
  71     <p><strong>Parsing/Highlighting Tests:</strong> <a href="../../test/index.html#gfm_*">normal</a>,  <a href="../../test/index.html#verbose,gfm_*">verbose</a>.</p>
  72
  73   </body>
  74 </html>