Dactyloidae/toolkit/components/microformats/test/static/parse-umd.html

85 lines
3 KiB
HTML
Raw Normal View History

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Parse Microformats</title>
<meta name="description" content="microformat-shiv - A light-weight cross browser javascript microformats 2 parser" />
<link rel="stylesheet" href="css/testrunner.css">
<link rel="stylesheet" href="css/prettify.css">
<!-- Loads full umd version -->
<script src="../../thirdparty/es5-shim.min.js"></script>
<script src="../../microformat-shiv.js"></script>
<script src="javascript/beautify.js"></script>
<script src="javascript/prettify.js"></script>
<script src="javascript/DOMParser.js"></script>
<script src="javascript/parse.js"></script>
</head>
<body>
<p>microformat-shiv</p>
<h1>Parse Microformats - UMD</h1>
<p>Type or copy and paste the HTML you want to parse into the box below.</p>
<form id="mf-form" class="tool-interface" method="get" action="">
<p>
<label for="html">HTML</label>
<textarea id="html" name="html">&lt;a class="h-card" href="http://glennjones.net"&gt;
&lt;span class="p-given-name"&gt;Glenn&lt;/span&gt;
&lt;span class="p-family-name"&gt;Jones&lt;/span&gt;
&lt;/a&gt;
</textarea>
</p>
<p>
<label for="baseurl">BaseURL</label>
<input id="baseurl" name="baseurl" placeholder="Optional URL to help resolve relative links" value="http://example.com" type="text">
</p>
<p>
<label for="filters">Filters</label>
<input id="filters" name="filters" placeholder="Optional comma separted list of formats to filter by" type="text">
</p>
<p class="checkbox">
<input id="collapsewhitespace" name="collapsewhitespace" id="textformat2" type="checkbox">
<label class="checkbox-label" for="textformat2"><strong>Experimental</strong> Text white-space collapsing</label>
</p>
<p class="checkbox">
<input id="parseLatLonGeo" name="parseLatLonGeo" id="parseLatLonGeo" type="checkbox">
<label class="checkbox-label" for="parseLatLonGeo"><strong>Experimental</strong> Parse geo data writen as latlon i.e. 30.267991;-97.739568</label>
</p>
<p>
<select id="dateformat" class="indent" name="dateformat" id="dateformat2">
<option value="auto" selected="selected">auto</option>
<option value="W3C">w3c</option>
<option value="HTML5">html5</option>
<option value="RFC3339">rfc3339</option>
</select>
<label class="checkbox-label" for="dateformat2"><strong>Experimental</strong> ISO date profile</label>
</p>
<input class="button" value="Parse" type="submit">
</form>
<h1>Parser JSON</h1>
<div id="parser-json"><pre class="prettyprint"><code class="language-json"></code></pre></div>
</body>
</html>