git.iko.soy/typeable/pandoc
on issue5354 help sign in
typeable/pandoc/trypandoc/index.html
177 lines 7.0 kB history raw
1<!doctype html>
2<html lang="en">
3<head>
4 <meta charset="utf-8">
5 <title>Try pandoc!</title>
6 <meta name="viewport" content="width=device-width, initial-scale=1.0">
7 <meta http-equiv="X-UA-Compatible" content="IE=edge">
8 <!--[if lt IE 9]>
9 <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
10 <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
11 <![endif]-->
12 <script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
13 <link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css" rel="stylesheet">
14 <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>
15 <script type="text/javascript">
16(function($) { // http://stackoverflow.com/questions/901115/how-can-i-get-query-string-values
17 $.QueryString = (function(a) {
18 if (a == "") return {};
19 var b = {};
20 for (var i = 0; i < a.length; ++i)
21 {
22 var p=a[i].split('=');
23 if (p.length != 2) continue;
24 b[p[0]] = decodeURIComponent(p[1].replace(/\+/g, " "));
25 }
26 return b;
27 })(window.location.search.substr(1).split('&'))
28})(jQuery);
30function newpage() {
31 var input = $("#text").val();
32 var from = $("#from").val();
33 var to = $("#to").val();
34 var href = window.location.href;
35 window.location.href = href.replace(/([?].*)?$/,"?" + $.param({text: input, from: from, to: to}));
36};
38$(document).ready(function() {
39 var text = $.QueryString["text"];
40 $("#text").val(text);
41 var from = $.QueryString["from"] || "markdown";
42 $("#from").val(from);
43 var to = $.QueryString["to"] || "html";
44 $("#to").val(to);
45 if (text && text != "") {
46 $.getJSON("/cgi-bin/trypandoc", { from: from, to: to, text: text },
47 function(res) {
48 $("#results").text(res.html);
49 $("#version").text(res.version);
50 $("#command").text("pandoc --from " + from + " --to " + to);
51 });
52 };
53 $("#convert").click(newpage);
54 $("#from").change(newpage);
55 $("#to").change(newpage);
56});
57 </script>
58 <style type="text/css">
59 h1 { margin-bottom: 1em; }
60 body { margin: auto; }
61 textarea { height: auto; width: 100%; font-family: monospace; margin-top: 15px; }
62 div.alert { margin: 1em; }
63 h3 { margin-top: 0; margin-bottom: 0; padding: 0; font-size: 100%; }
64 pre#results { width: 100%; margin-top: 15px; }
65 footer { color: #555; text-align: center; margin: 1em; }
66 p.version { color: #555; }
67 button#convert { vertical-align: bottom; }
68 pre#command { margin-top: 1em; background-color: transparent; border: none; }
69 </style>
70</head>
71<body>
72<div class="container-fluid">
73 <div class="row">
74 <div class="col-md-6">
75 <h1>Try pandoc!</h1>
76 </div>
77 <div class="col-md-6">
78 <pre id="command"></pre>
79 </div>
80 </div>
81 <div class="row">
82 <div class="col-md-6">
83 <button class="btn btn-primary btn-xs" id="convert">Convert</button>
84 &nbsp;
85 <label for="from">
86 from
87 </label>
88 <select id="from">
89 <option value="commonmark">CommonMark</option>
90 <option value="creole">Creole</option>
91 <option value="docbook">DocBook</option>
92 <option value="dokuwiki">DokuWiki</option>
93 <option value="fb2">FB2</option>
94 <option value="haddock">Haddock markup</option>
95 <option value="html">HTML</option>
96 <option value="jats">JATS</option>
97 <option value="ipynb">Jupyter Notebook (ipynb)</option>
98 <option value="latex">LaTeX</option>
99 <option value="man">Man</option>
100 <option value="markdown" selected>Markdown (pandoc)</option>
101 <option value="gfm">Markdown (GitHub-flavored)</option>
102 <option value="markdown_phpextra">Markdown (PHP Markdown Extra)</option>
103 <option value="markdown_strict">Markdown (strict)</option>
104 <option value="mediawiki">MediaWiki</option>
105 <option value="markdown_mmd">MultiMarkdown</option>
106 <option value="muse">Muse</option>
107 <option value="native">Native (Pandoc AST)</option>
108 <option value="opml">OPML</option>
109 <option value="org">Org Mode</option>
110 <option value="rst">reStructuredText</option>
111 <option value="t2t">Txt2Tags</option>
112 <option value="textile">Textile</option>
113 <option value="tikiwiki">TikiWiki</option>
114 <option value="twiki">TWiki</option>
115 <option value="vimwiki">Vimwiki</option>
116 </select>
117 <br/>
118 <textarea id="text" maxlength="3000" rows="15"></textarea>
119 </div>
120 <div class="col-md-6">
121 <label for="to">
122 to
123 </label>
124 <select id="to">
125 <option value="S5">S5</option>
126 <option value="asciidoc">AsciiDoc (original)</option>
127 <option value="asciidoctor">AsciiDoc (asciidoctor-flavored)</option>
128 <option value="beamer">LaTeX Beamer</option>
129 <option value="commonmark">CommonMark</option>
130 <option value="context">ConTeXt</option>
131 <option value="docbook4">DocBook v4</option>
132 <option value="docbook5">DocBook v5</option>
133 <option value="dokuwiki">DokuWiki</option>
134 <option value="dzslides">DZSlides</option>
135 <option value="haddock">Haddock markup</option>
136 <option value="html4">HTML 4</option>
137 <option value="html5" selected>HTML 5</option>
138 <option value="icml">ICML</option>
139 <option value="jats">JATS</option>
140 <option value="json">JSON</option>
141 <option value="ipynb">Jupyter Notebook (ipynb)</option>
142 <option value="latex">LaTeX</option>
143 <option value="man">Man</option>
144 <option value="ms">Ms</option>
145 <option value="markdown">Markdown (pandoc)</option>
146 <option value="gfm">Markdown (GitHub-flavored)</option>
147 <option value="markdown_phpextra">Markdown (PHP Markdown Extra)</option>
148 <option value="markdown_strict">Markdown (strict)</option>
149 <option value="mediawiki">MediaWiki</option>
150 <option value="markdown_mmd">MultiMarkdown</option>
151 <option value="muse">Muse</option>
152 <option value="native">Native (Pandoc AST)</option>
153 <option value="opendocument">OpenDocument</option>
154 <option value="opml">OPML</option>
155 <option value="org">Org Mode</option>
156 <option value="plain">Plain text</option>
157 <option value="revealjs">reveal.js</option>
158 <option value="rst">reStructuredText</option>
159 <option value="rtf">RTF</option>
160 <option value="slideous">Slideous</option>
161 <option value="slidy">Slidy</option>
162 <option value="tei">TEI</option>
163 <option value="texinfo">Texinfo</option>
164 <option value="textile">Textile</option>
165 <option value="zimwiki">ZimWiki</option>
166 </select>
167 <br/>
168 <pre id="results"></pre>
169 </div>
170 </div>
171</div>
172<footer>
173 <p class="version">pandoc <span id="version"></span></p>
174 <p><a href="https://pandoc.org">https://pandoc.org</a></p>
175</footer>
176</body>
177</html>