div Content editable eigene Tags einbauen

[Leukos]

Hi Leute,

ich hab folgendes Problem. Bei meinem CMS habe ich ein RichTextFeld eingebaut welche mit document.execCommand() von Microsoft arbeitet, um es zu ermöglichen WYSIWYG zu machen. das problem ist nun ich hab schon alle möglichkeiten des Befehls execCommand() ausgenutzt und finde im Netz keine Informationen darüber wie man selber Tags um einen gerade aktiven Text ziehen kann.

währe sehr dankbar wenn jemand was zu diesem thema weiss.

mfg

Leukos

 

[Fabian H]

Hallo,

dazu musst du zuerst mit document.selection.createRange() eine TextRange instanz erzeugen, in der du dann mit der Memberfunktion pasteHTML HTML-Code einfügen kannst:

oSelect = window.document.selection.createRange();
oSelect.pasteHTML('<div>Eine Div-Box</div>');

(ein focus des Elementes vorher nicht vergessen)
Wenn du nun in deinen HTML-Tag den markierten Text einbauen willst, musst du diesen aus der htmlText Eigenschaft auslesen und deine Tags davor und danach setzen:

oSelect = window.document.selection.createRange();
oSelect.pasteHTML('<div>' + oSelect.htmlText + '</div>');