@@ -0,0 +1,137 @@
4+ <meta charset="utf-8">
5+ <title>Try pandoc!</title>
6+ <script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
7+ <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
8+ <link href="//maxcdn.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" rel="stylesheet">
9+ <script type="text/javascript">
10+(function($) { // http://stackoverflow.com/questions/901115/how-can-i-get-query-string-values
11+ $.QueryString = (function(a) {
12+ if (a == "") return {};
14+ for (var i = 0; i < a.length; ++i)
16+ var p=a[i].split('=');
17+ if (p.length != 2) continue;
18+ b[p[0]] = decodeURIComponent(p[1].replace(/\+/g, " "));
21+ })(window.location.search.substr(1).split('&'))
25+ var input = $("#text").val();
26+ var from = $("#from").val();
27+ var to = $("#to").val();
28+ var href = window.location.href;
29+ window.location.href = href.replace(/([?].*)?$/,"?" + $.param({text: input, from: from, to: to}));
32+function process(res) {
33+ $("#results").text(res.result);
34+ $("#version").text(res.version);
37+$(document).ready(function() {
38+ var text = $.QueryString["text"];
39+ $("#text").val(text);
40+ var from = $.QueryString["from"] || "markdown";
41+ $("#from").val(from);
42+ var to = $.QueryString["to"] || "html";
44+ if (text && text != "") {
45+ $.getJSON("http://johnmacfarlane.net/cgi-bin/trypandoc", { from: from, to: to, text: text }, process);
47+ $("#convert").click(newpage);
50+ <style type="text/css">
51+ h1 { margin-bottom: 1em; }
52+ body { margin: auto; }
53+ textarea { height: auto; width: 100%; font-family: monospace; margin-top: 15px; }
54+ div.alert { margin: 1em; }
55+ h3 { margin-top: 0; margin-bottom: 0; padding: 0; font-size: 100%; }
56+ pre#results { width: 100%; margin-top: 15px; }
57+ footer { color: #555; text-align: center; margin: 1em; }
58+ p.version { color: #555; }
59+ button#convert { vertical-align: bottom; }
63+<div class="container">
65+ <h1>Try <a href="http://johnmacfarlane.net/pandoc/">pandoc</a>!</h1>
68+ <div class="col-md-6">
73+ <option value="markdown" selected>Markdown</option>
74+ <option value="markdown_strict">Markdown/strict</option>
75+ <option value="markdown_phpextra">PHP Markdown Extra</option>
76+ <option value="markdown_github">Github Markdown</option>
77+ <option value="markdown_mmd">MultiMarkdown</option>
78+ <option value="rst">reStructuredText</option>
79+ <option value="textile">Textile</option>
80+ <option value="latex">LaTeX</option>
81+ <option value="html">HTML</option>
82+ <option value="docbook">DocBook</option>
83+ <option value="opml">OPML</option>
84+ <option value="org">Emacs Org Mode</option>
85+ <option value="t2t">Txt2Tags</option>
86+ <option value="mediawiki">MediaWiki</option>
87+ <option value="haddock">Haddock markup</option>
90+ <textarea id="text" maxlength="3000" rows="15"></textarea>
92+ <div class="col-md-6">
97+ <option value="html" selected>HTML</option>
98+ <option value="html5">HTML 5</option>
99+ <option value="markdown">Markdown</option>
100+ <option value="markdown_strict">Markdown/strict</option>
101+ <option value="markdown_phpextra">PHP Markdown Extra</option>
102+ <option value="markdown_github">Github Markdown</option>
103+ <option value="markdown_mmd">MultiMarkdown</option>
104+ <option value="rst">reStructuredText</option>
105+ <option value="asciidoc">AsciiDoc</option>
106+ <option value="textile">Textile</option>
107+ <option value="mediawiki">MediaWiki</option>
108+ <option value="dokuwiki">DokuWiki</option>
109+ <option value="org">Emacs Org Mode</option>
110+ <option value="latex">LaTeX</option>
111+ <option value="beamer">LaTeX Beamer</option>
112+ <option value="context">ConTeXt</option>
113+ <option value="man">Groff man</option>
114+ <option value="texinfo">Texinfo</option>
115+ <option value="docbook">DocBook</option>
116+ <option value="opml">OPML</option>
117+ <option value="icml">ICML</option>
118+ <option value="opendocument">OpenDocument</option>
119+ <option value="rtf">RTF</option>
120+ <option value="dzslides">DZSlides</option>
121+ <option value="slidy">Slidy</option>
122+ <option value="S5">S5</option>
123+ <option value="slideous">Slideous</option>
126+ <button class="btn btn-primary btn-xs" id="convert">Convert</button>
128+ <pre id="results"></pre>
133+ <p class="version">pandoc <span id="version"></span></p>
134+ <p>© 2013–2014 <a href="http://johnmacfarlane.net">John MacFarlane</a></p>