69dae1ec1c
* Added coding style modes to SimpleMDE * Moved the CodeMirror addon from simplemd to codemirror directory
80 lines
2 KiB
HTML
80 lines
2 KiB
HTML
<!doctype html>
|
|
|
|
<title>CodeMirror: YAML mode</title>
|
|
<meta charset="utf-8"/>
|
|
<link rel=stylesheet href="../../doc/docs.css">
|
|
|
|
<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>
|
|
<div id=nav>
|
|
<a href="http://codemirror.net"><h1>CodeMirror</h1><img id=logo src="../../doc/logo.png"></a>
|
|
|
|
<ul>
|
|
<li><a href="../../index.html">Home</a>
|
|
<li><a href="../../doc/manual.html">Manual</a>
|
|
<li><a href="https://github.com/codemirror/codemirror">Code</a>
|
|
</ul>
|
|
<ul>
|
|
<li><a href="../index.html">Language modes</a>
|
|
<li><a class=active href="#">YAML</a>
|
|
</ul>
|
|
</div>
|
|
|
|
<article>
|
|
<h2>YAML mode</h2>
|
|
<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>
|
|
|
|
</article>
|