gorillajs
Version:
A smart development environment designed to easily install and neatly manage web applications. Gorilla JS frees you from the repetitive daily tasks like apps installation, database management, creation of virtual environment, server configuration… And it
114 lines (109 loc) • 3 kB
HTML
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style type="text/css">
/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.2.0
build: 2676
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}
/*
* Custom styles
*/
body {
width: 100%;
overflow: hidden;
}
#parse {
border: none;
background-color: white;
color: black;
z-index: 3;
position: absolute;
right: 50%;
top: 0;
width: 100px;
}
#yaml {
color: white;
background-color: black;
font-family: "Courier New";
font-size: 14px;
width: 50%;
border: none;
position: absolute;
top: 0;
left: 0;
z-index: 1;
height: 100%;
}
#result {
color: black;
background-color: white;
font-family: "Courier New";
font-size: 12px;
width: 50%;
border: none;
position: absolute;
top: 0;
left: 50%;
overflow: auto;
z-index: 2;
height: 100%;
vertical-align: top;
overflow: auto;
}
#tests {
width: 50%;
border: none;
position: absolute;
top: 0;
left: 50%;
z-index: 2;
}
</style>
<!-- standalone yaml.js library -->
<script type="text/javascript" src="../dist/yaml.debug.js"></script>
<title>yaml.js demo</title>
</head>
<body>
<form action="" onsubmit="return false;">
<textarea name="yaml" id="yaml" cols="70" rows="20">--- !clarkevans.com/^invoice
invoice: 34843
date : 2001-01-23
bill-to: &id001
given : Chris
family : Dumars
address:
lines: |
458 Walkman Dr.
Suite #292
city : Royal Oak
state : MI
postal : 48046
ship-to: *id001
product:
- sku : "BL394D"
quantity : 4
description : Basketball
price : 450.00
- sku : BL4438H
quantity : 1
description : Super Hoop
price : 2392.00
tax : 251.42
total: 4443.52
comments: >
Late afternoon is best.
Backup contact is Nancy
Billsmer @ 338-4338.
</textarea>
<input type="button" id="parse" name="parse" value="Parse »" onclick="document.getElementById('result').innerHTML='<pre>'+JSON.stringify(YAML.parse(document.getElementById('yaml').value), null, 4)+'</pre>'" />
<div id="result"></div>
</form>
</body>
</html>