Project

General

Profile

Statistics
| Revision:

root / trunk / scripts / codemirror / mode / yaml / index.html @ 216

History | View | Annotate | Download (1.7 KB)

1
<!doctype html>
2
<html>
3
  <head>
4
    <title>CodeMirror: YAML mode</title>
5
    <link rel="stylesheet" href="../../lib/codemirror.css">
6
    <script src="../../lib/codemirror.js"></script>
7
    <script src="yaml.js"></script>
8
    <style>.CodeMirror { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }</style>
9
    <link rel="stylesheet" href="../../doc/docs.css">
10
  </head>
11
  <body>
12
    <h1>CodeMirror: YAML mode</h1>
13
    <form><textarea id="code" name="code">
14
--- # Favorite movies
15
- Casablanca
16
- North by Northwest
17
- The Man Who Wasn't There
18
--- # Shopping list
19
[milk, pumpkin pie, eggs, juice]
20
--- # Indented Blocks, common in YAML data files, use indentation and new lines to separate the key: value pairs
21
  name: John Smith
22
  age: 33
23
--- # Inline Blocks, common in YAML data streams, use commas to separate the key: value pairs between braces
24
{name: John Smith, age: 33}
25
---
26
receipt:     Oz-Ware Purchase Invoice
27
date:        2007-08-06
28
customer:
29
    given:   Dorothy
30
    family:  Gale
31

    
32
items:
33
    - part_no:   A4786
34
      descrip:   Water Bucket (Filled)
35
      price:     1.47
36
      quantity:  4
37

    
38
    - part_no:   E1628
39
      descrip:   High Heeled "Ruby" Slippers
40
      size:       8
41
      price:     100.27
42
      quantity:  1
43

    
44
bill-to:  &id001
45
    street: |
46
            123 Tornado Alley
47
            Suite 16
48
    city:   East Centerville
49
    state:  KS
50

    
51
ship-to:  *id001
52

    
53
specialDelivery:  >
54
    Follow the Yellow Brick
55
    Road to the Emerald City.
56
    Pay no attention to the
57
    man behind the curtain.
58
...
59
</textarea></form>
60
    <script>
61
      var editor = CodeMirror.fromTextArea(document.getElementById("code"), {});
62
    </script>
63

    
64
    <p><strong>MIME types defined:</strong> <code>text/x-yaml</code>.</p>
65

    
66
  </body>
67
</html>