Editor erstellen
Julian Oettrich
- javascript
0 der Frank
Ich bin gerade dabei, mir einen selbstangepassten Html Editor zu erstellen, da ich diese Standart WYSIWYG Editoren nicht so mag, habe dabei nur ein kleines problem. Wenn ich auf ein element klicke (z.B. ausgabe: '<b></b>') und danach auch auf einen anderen Punkt (z.B. ausgabe: '<i></i>'), dann löscht er die erste eingabe. Wie kann ich das problem lösen?
http://www.world4free.net/editor/editor.html
http://www.world4free.net/editor/editor.js
Wenn mir jemand helfen kann, wäre das echt super!
Julian Oettrich
sieh dir mal http://aktuell.de.selfhtml.org/tippstricks/javascript/bbcode/index.htm an.
MfG
der Frank
sieh dir mal http://aktuell.de.selfhtml.org/tippstricks/javascript/bbcode/index.htm an.
MfG
der Frank
Super! Dankeschön!
Kann mir vieleicht noch jemand helfen, und sagen, wie ich dafür irgenwie eine Vorschau generieren kann? Ich hab schon überall geschaut,
kann aber keine Stelle finden, wo so was steht.
Julian
Zum ersten Punkt genügt es doch einfach den value des Feldes plus den neuen Inhalt zu nehmen. Zu zweitens kannst du doch einfach mit document.getElementById('id').innerHTML den inhalt auf ein div übertragen und dadurch eine art vorschau erstellen. Eine weitere möglichkeit wäre ein PopUp.
mfg Prophet
Zum ersten Punkt genügt es doch einfach den value des Feldes plus den neuen Inhalt zu nehmen. Zu zweitens kannst du doch einfach mit document.getElementById('id').innerHTML den inhalt auf ein div übertragen und dadurch eine art vorschau erstellen. Eine weitere möglichkeit wäre ein PopUp.
mfg Prophet
Also, das erste ist jetzt schon sehr gut gelöst. Aber das mit dem zweiten müsstest du mir nochmal genauer erklären. Wie mach ich das, wenn ich die Vorschau in einer neuen Seite oder in einem Popup anschauen will. Wäre super, wenn du mir das nochmal genauer beschreiben könntest.
Julian
Zum ersten Punkt genügt es doch einfach den value des Feldes plus den neuen Inhalt zu nehmen. Zu zweitens kannst du doch einfach mit document.getElementById('id').innerHTML den inhalt auf ein div übertragen und dadurch eine art vorschau erstellen. Eine weitere möglichkeit wäre ein PopUp.
mfg Prophet
Also, das erste ist jetzt schon sehr gut gelöst. Aber das mit dem zweiten müsstest du mir nochmal genauer erklären. Wie mach ich das, wenn ich die Vorschau in einer neuen Seite oder in einem Popup anschauen will. Wäre super, wenn du mir das nochmal genauer beschreiben könntest.
Julian
Das ganze ist schwer zu erklären...
http://de.selfhtml.org/javascript/objekte/window.htm <-- Da kannst du alles über PopUps nachlesen. Und dann machst du es nachher so das du einfach den inhalt des textfeldes in das Popup schreibst.
mfg Prophet
Also in PHP hab ich das mit der Vorschau geschafft, aber mir wäre es in html lieber. kann mir jamand das hier vieleicht in html umbearbeiten?
http://www.world4free.net/editor/editor.php
http://www.world4free.net/editor/vorschau.php
Aber ein problem hab ich auch hier noch, denn die Vorschau soll ja in einem neuen Fenster geöffnet werden.
Julian
Also in PHP hab ich das mit der Vorschau geschafft, aber mir wäre es in html lieber. kann mir jamand das hier vieleicht in html umbearbeiten?
Dies wäre z.B. eine Möglichkeit mittels Popup:
function vorschau() {
fenster = window.open('','','');
fenster.document.open();
fenster.document.write('<html>\n<head>\n<title>Vorschau</title>\n<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">\n</head>\n<body>\n'+document.getElementsByTagName('textarea')[0].value+'\n</body>\n</html>');
fenster.document.close();
}
MfG
der Frank