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

   1 <!doctype html>
   2 <html>
   3   <head>
   4     <meta charset="utf-8">
   5     <title>CodeMirror: YAML mode</title>
   6     <link rel="stylesheet" href="../../lib/codemirror.css">
   7     <script src="../../lib/codemirror.js"></script>
   8     <script src="yaml.js"></script>
   9     <style>.CodeMirror { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }</style>
  10     <link rel="stylesheet" href="../../doc/docs.css">
  11   </head>
  12   <body>
  13     <h1>CodeMirror: YAML mode</h1>
  14     <form><textarea id="code" name="code">
  15 --- # Favorite movies
  16 - Casablanca
  17 - North by Northwest
  18 - The Man Who Wasn't There
  19 --- # Shopping list
  20 [milk, pumpkin pie, eggs, juice]
  21 --- # Indented Blocks, common in YAML data files, use indentation and new lines to separate the key: value pairs
  22   name: John Smith
  23   age: 33
  24 --- # Inline Blocks, common in YAML data streams, use commas to separate the key: value pairs between braces
  25 {name: John Smith, age: 33}
  26 ---
  27 receipt:     Oz-Ware Purchase Invoice
  28 date:        2007-08-06
  29 customer:
  30     given:   Dorothy
  31     family:  Gale
  32
  33 items:
  34     - part_no:   A4786
  35       descrip:   Water Bucket (Filled)
  36       price:     1.47
  37       quantity:  4
  38
  39     - part_no:   E1628
  40       descrip:   High Heeled "Ruby" Slippers
  41       size:       8
  42       price:     100.27
  43       quantity:  1
  44
  45 bill-to:  &id001
  46     street: |
  47             123 Tornado Alley
  48             Suite 16
  49     city:   East Centerville
  50     state:  KS
  51
  52 ship-to:  *id001
  53
  54 specialDelivery:  >
  55     Follow the Yellow Brick
  56     Road to the Emerald City.
  57     Pay no attention to the
  58     man behind the curtain.
  59 ...
  60 </textarea></form>
  61     <script>
  62       var editor = CodeMirror.fromTextArea(document.getElementById("code"), {});
  63     </script>
  64
  65     <p><strong>MIME types defined:</strong> <code>text/x-yaml</code>.</p>
  66
  67   </body>
  68 </html>