git.iko.soy/typeable/pandoc
on 1.15.0.3 help sign in
typeable/pandoc/trypandoc/index.html
143 lines 5.3 kB history raw
1<!doctype html>
2<html lang="en">
3<head>
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 {};
13 var b = {};
14 for (var i = 0; i < a.length; ++i)
15 {
16 var p=a[i].split('=');
17 if (p.length != 2) continue;
18 b[p[0]] = decodeURIComponent(p[1].replace(/\+/g, " "));
19 }
20 return b;
21 })(window.location.search.substr(1).split('&'))
22})(jQuery);
24function newpage() {
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}));
30};
32$(document).ready(function() {
33 var text = $.QueryString["text"];
34 $("#text").val(text);
35 var from = $.QueryString["from"] || "markdown";
36 $("#from").val(from);
37 var to = $.QueryString["to"] || "html";
38 $("#to").val(to);
39 if (text && text != "") {
40 $.getJSON("/cgi-bin/trypandoc", { from: from, to: to, text: text },
41 function(res) {
42 $("#results").text(res.result);
43 $("#version").text(res.version);
44 $("#command").text("pandoc --from " + from + " --to " + to);
45 });
46 };
47 $("#convert").click(newpage);
48});
49 </script>
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; }
60 pre#command { margin-top: 1em; background-color: transparent; border: none; }
61 </style>
62</head>
63<body>
64<div class="container">
65 <div class="row">
66 <div class="col-md-6">
67 <h1>Try <a href="http://pandoc.org">pandoc</a>!</h1>
68 </div>
69 <div class="col-md-6">
70 <pre id="command"></pre>
71 </div>
72 </div>
73 <div class="row">
74 <div class="col-md-6">
75 <button class="btn btn-primary btn-xs" id="convert">Convert</button>
76 &nbsp;
77 <label for="from">
78 from
79 </label>
80 <select id="from">
81 <option value="markdown" selected>Markdown</option>
82 <option value="markdown_strict">Markdown/strict</option>
83 <option value="markdown_phpextra">PHP Markdown Extra</option>
84 <option value="markdown_github">GitHub Markdown</option>
85 <option value="markdown_mmd">MultiMarkdown</option>
86 <option value="rst">reStructuredText</option>
87 <option value="textile">Textile</option>
88 <option value="latex">LaTeX</option>
89 <option value="html">HTML</option>
90 <option value="docbook">DocBook</option>
91 <option value="opml">OPML</option>
92 <option value="org">Emacs Org Mode</option>
93 <option value="t2t">Txt2Tags</option>
94 <option value="mediawiki">MediaWiki</option>
95 <option value="haddock">Haddock markup</option>
96 </select>
97 <br/>
98 <textarea id="text" maxlength="3000" rows="15"></textarea>
99 </div>
100 <div class="col-md-6">
101 <label for="to">
102 to
103 </label>
104 <select id="to">
105 <option value="html" selected>HTML</option>
106 <option value="html5">HTML 5</option>
107 <option value="markdown">Markdown</option>
108 <option value="markdown_strict">Markdown/strict</option>
109 <option value="markdown_phpextra">PHP Markdown Extra</option>
110 <option value="markdown_github">GitHub Markdown</option>
111 <option value="markdown_mmd">MultiMarkdown</option>
112 <option value="rst">reStructuredText</option>
113 <option value="asciidoc">AsciiDoc</option>
114 <option value="textile">Textile</option>
115 <option value="mediawiki">MediaWiki</option>
116 <option value="dokuwiki">DokuWiki</option>
117 <option value="org">Emacs Org Mode</option>
118 <option value="latex">LaTeX</option>
119 <option value="beamer">LaTeX Beamer</option>
120 <option value="context">ConTeXt</option>
121 <option value="man">Groff man</option>
122 <option value="texinfo">Texinfo</option>
123 <option value="docbook">DocBook</option>
124 <option value="opml">OPML</option>
125 <option value="icml">ICML</option>
126 <option value="opendocument">OpenDocument</option>
127 <option value="rtf">RTF</option>
128 <option value="dzslides">DZSlides</option>
129 <option value="slidy">Slidy</option>
130 <option value="S5">S5</option>
131 <option value="slideous">Slideous</option>
132 </select>
133 <br/>
134 <pre id="results"></pre>
135 </div>
136 </div>
137</div>
138<footer>
139 <p class="version">pandoc <span id="version"></span></p>
140 <p>&copy; 2013&ndash;2014 <a href="http://johnmacfarlane.net">John MacFarlane</a></p>
141</footer>
142</body>
143</html>