git.iko.soy/typeable/pandoc
on newlatex help sign in
typeable/pandoc/trypandoc/index.html
146 lines 5.5 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.html);
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="docbook">DocBook</option>
82 <option value="haddock">Haddock markup</option>
83 <option value="html">HTML</option>
84 <option value="latex">LaTeX</option>
85 <option value="markdown" selected>Markdown (pandoc)</option>
86 <option value="markdown_strict">Markdown (strict)</option>
87 <option value="markdown_phpextra">Markdown (PHP Markdown Extra)</option>
88 <option value="markdown_github">Markdown (GitHub)</option>
89 <option value="mediawiki">MediaWiki</option>
90 <option value="markdown_mmd">MultiMarkdown</option>
91 <option value="muse">Muse</option>
92 <option value="opml">OPML</option>
93 <option value="org">Org Mode</option>
94 <option value="rst">reStructuredText</option>
95 <option value="textile">Textile</option>
96 <option value="t2t">Txt2Tags</option>
97 <option value="vimwiki">Vimwiki</option>
98 </select>
99 <br/>
100 <textarea id="text" maxlength="3000" rows="15"></textarea>
101 </div>
102 <div class="col-md-6">
103 <label for="to">
104 to
105 </label>
106 <select id="to">
107 <option value="asciidoc">AsciiDoc</option>
108 <option value="context">ConTeXt</option>
109 <option value="docbook">DocBook</option>
110 <option value="dokuwiki">DokuWiki</option>
111 <option value="dzslides">DZSlides</option>
112 <option value="man">Groff man</option>
113 <option value="html" selected>HTML</option>
114 <option value="html5">HTML 5</option>
115 <option value="icml">ICML</option>
116 <option value="latex">LaTeX</option>
117 <option value="beamer">LaTeX Beamer</option>
118 <option value="markdown">Markdown (pandoc)</option>
119 <option value="markdown_strict">Markdown (strict)</option>
120 <option value="markdown_phpextra">Markdown (PHP Markdown Extra)</option>
121 <option value="markdown_github">Markdown (GitHub)</option>
122 <option value="markdown_mmd">MultiMarkdown</option>
123 <option value="rst">reStructuredText</option>
124 <option value="textile">Textile</option>
125 <option value="mediawiki">MediaWiki</option>
126 <option value="org">Org Mode</option>
127 <option value="opendocument">OpenDocument</option>
128 <option value="opml">OPML</option>
129 <option value="rtf">RTF</option>
130 <option value="S5">S5</option>
131 <option value="slideous">Slideous</option>
132 <option value="slidy">Slidy</option>
133 <option value="texinfo">Texinfo</option>
134 <option value="muse">Muse</option>
135 </select>
136 <br/>
137 <pre id="results"></pre>
138 </div>
139 </div>
140</div>
141<footer>
142 <p class="version">pandoc <span id="version"></span></p>
143 <p>&copy; 2013&ndash;2015 <a href="http://johnmacfarlane.net">John MacFarlane</a></p>
144</footer>
145</body>
146</html>