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
<p> <button onclick="format('bold')">Tučně</button> <button onclick="format('italic')">Kurzíva</button> <button onclick="format('StrikeThrough')">Škrtnout</button> <button onclick="vytvoritOdkaz()">Odkaz</button> <button onclick="vytvoritObrazek()">Obrázek</button> <button onclick="alert(getContent())">Zobrazit HTML</button> </p> <iframe id="editor" class="editor" frameborder="1"></iframe> <h2>Textarea</h2> <p><button onclick="zkopirovat()">Zkopírovat HTML</button></p> <textarea name="" id="area" cols="30" rows="10"></textarea>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
CSS
Autoformát
CSS reset
Až na konci
var editor, iframe; window.onload = function() { iframe = document.getElementById("editor"); editor = iframe.contentWindow.document; editor.designMode = "on"; } function format(akce) { iframe.contentWindow.focus(); editor.execCommand(akce, false, null); } function vytvoritOdkaz(){ var link = prompt("Zadejte URL", "http://jecas.cz"); iframe.contentWindow.focus(); editor.execCommand('createlink', false, link); } function vytvoritOdkaz(){ var link = prompt("Zadejte URL", "http://jecas.cz"); iframe.contentWindow.focus(); editor.execCommand('createlink', false, link); } function vytvoritObrazek(){ var link = prompt("Zadejte URL", "http://diskuse.jakpsatweb.cz/img/logo.png"); iframe.contentWindow.focus(); editor.execCommand('insertimage', false, link); } function zkopirovat(){ area.value = getContent(); } function getContent() { return editor.body.innerHTML; }
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>