index.html
67 lines
| 1.7 KiB
| text/html
|
HtmlLexer
Matthias BUSSONNIER
|
r8053 | <!doctype html> | ||
| <html> | ||||
| <head> | ||||
| <title>CodeMirror: YAML mode</title> | ||||
| <link rel="stylesheet" href="../../lib/codemirror.css"> | ||||
| <script src="../../lib/codemirror.js"></script> | ||||
| <script src="yaml.js"></script> | ||||
| <style>.CodeMirror { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }</style> | ||||
| <link rel="stylesheet" href="../../doc/docs.css"> | ||||
| </head> | ||||
| <body> | ||||
| <h1>CodeMirror: YAML mode</h1> | ||||
| <form><textarea id="code" name="code"> | ||||
| --- # Favorite movies | ||||
| - Casablanca | ||||
| - North by Northwest | ||||
| - The Man Who Wasn't There | ||||
| --- # Shopping list | ||||
| [milk, pumpkin pie, eggs, juice] | ||||
| --- # Indented Blocks, common in YAML data files, use indentation and new lines to separate the key: value pairs | ||||
| name: John Smith | ||||
| age: 33 | ||||
| --- # Inline Blocks, common in YAML data streams, use commas to separate the key: value pairs between braces | ||||
| {name: John Smith, age: 33} | ||||
| --- | ||||
| receipt: Oz-Ware Purchase Invoice | ||||
| date: 2007-08-06 | ||||
| customer: | ||||
| given: Dorothy | ||||
| family: Gale | ||||
| items: | ||||
| - part_no: A4786 | ||||
| descrip: Water Bucket (Filled) | ||||
| price: 1.47 | ||||
| quantity: 4 | ||||
| - part_no: E1628 | ||||
| descrip: High Heeled "Ruby" Slippers | ||||
| size: 8 | ||||
| price: 100.27 | ||||
| quantity: 1 | ||||
| bill-to: &id001 | ||||
| street: | | ||||
| 123 Tornado Alley | ||||
| Suite 16 | ||||
| city: East Centerville | ||||
| state: KS | ||||
| ship-to: *id001 | ||||
| specialDelivery: > | ||||
| Follow the Yellow Brick | ||||
| Road to the Emerald City. | ||||
| Pay no attention to the | ||||
| man behind the curtain. | ||||
| ... | ||||
| </textarea></form> | ||||
| <script> | ||||
| var editor = CodeMirror.fromTextArea(document.getElementById("code"), {}); | ||||
| </script> | ||||
| <p><strong>MIME types defined:</strong> <code>text/x-yaml</code>.</p> | ||||
| </body> | ||||
| </html> | ||||