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