HTML Editor 2

Von unserem User sfan wurde uns dieser HTML Editor geschickt.

Ähnlich wie bei unserem anderen Javascript-Editor könnt ihr hier auf einfache Art & Weise HTML-Code erzeugen. Markiert einfach euren Text, klickt auf die Buttons und im Textfeld seht ihr den generierten HTML-Code. Unter dem Textfeld seht ihr eine Vorschau, wie der Code dann auf der Seite aussehen wird.

<!-- präsentiert von kostenlose-javascripts.de --> <script type='text/javascript'> <!-- function atext(txt) { document.getElementById('html_site_edit').value += txt; } function disptext() { document.getElementById('html_site').innerHTML = html_site_edit.value; } var texto = false; var fetto = false; var kursivo = false; var unterstricheno = false; var linko = false; var lauftexto = false; function text() { if(texto == false) { var col = prompt("Bitte Farbe eingeben (englisch):","black"); atext("<a style='color:"+col+"'>"); document.getElementById('textb').value = "Text mit Farbe *"; texto = true; } else { atext("</a>"); document.getElementById('textb').value = "Text mit Farbe"; texto = false; } } function fett() { if(fetto == false) { var col = prompt("Bitte Farbe eingeben (englisch):","black"); atext("<b style='color:"+col+"'>"); document.getElementById('fettb').value = "fetter Text *"; fetto = true; } else { atext("</b>"); document.getElementById('fettb').value = "fetter Text"; fetto = false; } } function kursiv() { if(kursivo == false) { var col = prompt("Bitte Farbe eingeben (englisch):","black"); atext("<i style='color:"+col+"'>"); document.getElementById('kursivb').value = "kursiver Text *"; kursivo = true; } else { atext("</i>"); document.getElementById('kursivb').value = "kursiver Text"; kursivo = false; } } function unterstrichen() { if(unterstricheno == false) { var col = prompt("Bitte Farbe eingeben (englisch):","black"); atext("<u style='color:"+col+"'>"); document.getElementById('unterstrichenb').value = "unterstrichener Text *"; unterstricheno = true; } else { atext("</u>"); document.getElementById('unterstrichenb').value = "unterstrichener Text"; unetrstricheno = false; } } function link() { if(fetto == false) { var href = prompt("Bitte Adresse eingeben:","http://"); atext("<a href='"+href+"'>"); document.getElementById('linkb').value = "Link *"; linko = true; } else { atext("</a>"); document.getElementById('linkb').value = "Link"; linko = false; } } function bild() { var src = prompt("Bitte Adresse des Bildes eingeben:","http://"); atext("<img src='"+src+"' /"+">"); } function lauftext() { if(lauftexto == false) { atext("<marquee>"); document.getElementById('lauftextb').value = "Lauftext *"; lauftexto = true; } else { atext("</marquee>"); document.getElementById('lauftextb').value = "Lauftext"; lauftexto = false; } } function newline() { atext("<br /"+">"); } function hr() { atext("<hr /"+">"); } function inithtmledit() { document.write("<input type='button' id='textb' onclick='javascript:text()' value='Text mit Farbe' />"); document.write("<input type='button' id='linkb' onclick='javascript:link()' value='Link' />"); document.write("<input type='button' id='fettb' onclick='javascript:fett()' value='fetter Text' />"); document.write("<input type='button' id='kursivb' onclick='javascript:kursiv()' value='kursiver Text' />"); document.write("<input type='button' id='unterstrichenb' onclick='javascript:unterstrichen()' value='unterstrichener Text' />"); document.write("<input type='button' onclick='javascript:newline()' value='neue Zeile' /><br />"); document.write("<input type='button' onclick='javascript:bild()' value='Bild' />"); document.write("<input type='button' id='lauftextb' onclick='javascript:lauftext()' value='Lauftext' />"); document.write("<input type='button' onclick='javascript:hr()' value='horizontale Linie' /><br /><br />"); document.write("<input type='button' onclick='javascript:disptext()' value='Seite aktualisieren' /><br />"); document.write("<tex"+"tarea id='html_site_edit' onclick='javascript:disptext()' rows='10' cols='65'></te"+"xtarea>"); document.write("<div id='html_site'></div>"); } //--> </script> <br /> JavaScript von <a href="http://www.kostenlose-javascripts.de/javascripts/verschiedenes/html-editor-2/" target="_blank">kostenlose-javascripts.de</a> <br /> <script type="text/javascript">inithtmledit();</script> <!-- präsentiert von kostenlose-javascripts.de -->