Nová ukázka
Reset
Načíst z URL
Uložit a získat odkaz
Vztahuje se k…
Nevyplňujte
Napiště „nejsem robot“
▶
Přepnout zobrazení
Výsledek
<title>Živý náhled Markdownu</title> <h1>Živý náhled Markdownu</h1> <script src="https://cdnjs.cloudflare.com/ajax/libs/marked/0.3.2/marked.min.js"></script> <textarea class="editor" id="markdown" cols="30" rows="15" onkeyup="formatMd(this.value)">Text v MD. ## Nadpis 1. číslovaný 1. seznam Odkaz na [jecas.cz](http://jecas.cz). | Tabulka | Tabulka | | -- | | Buňka | Buňka | </textarea> <div class="editor" id="md"></div>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
* {box-sizing: border-box} .editor { width: 50%; float: left; padding: 1em; }
CSS
Autoformát
CSS reset
Až na konci
marked.setOptions({ renderer: new marked.Renderer(), gfm: true, tables: true, breaks: false, pedantic: false, sanitize: true, smartLists: true, smartypants: false }); var casovac; function formatMd(text) { clearTimeout(casovac); casovac = setTimeout(function() { md.innerHTML = marked(text); }, 200); } formatMd(markdown.value);
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>