Ich habe folgenden kleinen Rich Text Editor erstellt: http://jsfiddle.net/jQaKB/
In Anlehnung an meinen vorangegangenen Post (http://www.html.de/threads/surroundcontents-fehler-bei-unvollstaendigen-tags.50467/) denke ich, dass die Selektion und die Bearbeitung dieser sicher durch einen anderen Ansatz besser gelöst werden kann. Da ich leider keine andere Möglichkeit sehe, hoffe ich, dass jemand von euch mir einen Weg aufzeigen kann.
Soweit funktioniert es; derzeit allerdings nur, wenn man nicht über Tag-Grenzen hinweg markiert. D.h. wenn ich in meinem Beispiel das dritte Wort markiere, weil es fälschlicherweise nicht komplett fett formatiert ist, so gibt es einen Fehler, da der End-Tag der Formatierung mit in die Selektion eingefasst wird.
Außerdem weiß ich nicht, wie ich es ermöglichen kann, dass auch ohne Selektion der Button/Link für eine Formatierung angeklickt werden kann und von jetzt an diese aktiv ist und bei erneutem Klick eben wieder inaktiv ist. Ganz so, wie man es von Word her kennt. Man selektiert ja nicht immer nur Abschnitte, sondern will auch einfach nur mal z.B. fett schreiben...
Ich würde mich sehr freuen, wenn ihr ein wenig an dem oben verlinkten jsfiddle basteln könntet!!!
Edit:
scheint wohl das Problem zu beheben und das gleiche zu machen...
Somit ist das Problem schon mal behoben, bleiben noch zwei:
1) Wie kann ich es einrichten, dass bei erneuter Markierung eines bereits formatierten Bereichs diese entfernt wird und
2) Die Sache mit dem Formatieren ohne Selektion beim Schreiben.
In Anlehnung an meinen vorangegangenen Post (http://www.html.de/threads/surroundcontents-fehler-bei-unvollstaendigen-tags.50467/) denke ich, dass die Selektion und die Bearbeitung dieser sicher durch einen anderen Ansatz besser gelöst werden kann. Da ich leider keine andere Möglichkeit sehe, hoffe ich, dass jemand von euch mir einen Weg aufzeigen kann.
Soweit funktioniert es; derzeit allerdings nur, wenn man nicht über Tag-Grenzen hinweg markiert. D.h. wenn ich in meinem Beispiel das dritte Wort markiere, weil es fälschlicherweise nicht komplett fett formatiert ist, so gibt es einen Fehler, da der End-Tag der Formatierung mit in die Selektion eingefasst wird.
Außerdem weiß ich nicht, wie ich es ermöglichen kann, dass auch ohne Selektion der Button/Link für eine Formatierung angeklickt werden kann und von jetzt an diese aktiv ist und bei erneutem Klick eben wieder inaktiv ist. Ganz so, wie man es von Word her kennt. Man selektiert ja nicht immer nur Abschnitte, sondern will auch einfach nur mal z.B. fett schreiben...
Ich würde mich sehr freuen, wenn ihr ein wenig an dem oben verlinkten jsfiddle basteln könntet!!!
Edit:
Code:
container.appendChild(range.extractContents());
range.insertNode(container);Somit ist das Problem schon mal behoben, bleiben noch zwei:
1) Wie kann ich es einrichten, dass bei erneuter Markierung eines bereits formatierten Bereichs diese entfernt wird und
2) Die Sache mit dem Formatieren ohne Selektion beim Schreiben.
Zuletzt bearbeitet: