markdown-it-pseudocodejs/index.html at master · samuelhorwitz/markdown-it-pseudocodejs · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
<!DOCTYPE html>
<head>
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.5.1/katex.min.css">
	<link rel="stylesheet" href="https://cdn.jsdelivr.net/github-markdown-css/2.2.1/github-markdown.css"/>
	<link rel="stylesheet" type="text/css" href="./pseudocode.js-1.1.0/pseudocode.min.css">
	<style>
	#input {
		display: block;
		font-size: 12pt;
		padding-top: 0.5em;
		padding-left: 0.1em;
		font-family: monospace;
	}
	#button {
		margin-top: 1em;
		width: 120px;
		height: 50px;
		font-size: 14pt;
	}
	#output {
		margin: 20px;
	}
	</style>
</head>
<body>
	<textarea id="input" type="textarea" rows=15, cols=80 spellcheck="false">
::: pseudocode
\begin{algorithm}
\caption{Hello World}
\begin{algorithmic}
\FUNCTION{HelloWorld}{}
    \RETURN \CALL{Print}{``Hello, world''}
\ENDFUNCTION
\end{algorithmic}
\end{algorithm}
:::</textarea>
	<button id="button">Pseudocode!</button>
	<div id="output" class="markdown-body"></div>
	<script src="./bundle.js"></script>
</body>