Daniel Bäuerlein: HTML code an Cursor-Position einfügen

Beitrag lesen

Hallo,

ich bin gerade dabei, mir einen kleinen WYSIWYG-Texteditor zu programmieren und möchte jetzt einen Button einbauen, mit dem an
aktuellen Cursorposition eine Blanko-Tabelle eingefügt wird, also
z.B. der folgende Code Schnipsel:

"<table width=100%><tr><td></td></tr></table>"

Nun habe ich durch googeln erfahren, dass ich mit dem folgenden Javascript code auf Knopfdruck Text an der aktuellen Cursorposition einfügen kann:

document.selection.createRange().duplicate().text="<table width=100%><tr><td></td></tr></table>";

aber wie schaffe ich es, das der Code Schnipsel in den im Hintergrund stehenden HTML-Code eingefügt wird, also den innerHTML Bereich?
Folgendes ist fehlgeschlagen:

document.selection.createRange().duplicate().innerHTML="<table width=100%><tr><td></td></tr></table>";

Bin für jeden Tipp dankbar.

Viele Grüße

Daniel