Insert text at the caret position, inside a contenteditable body of a frame

Question

I have an iframe object, and there is a contenteditable body inside. I would like to paste some text, or html element at the caret position. I tried this code, but I've got an error Cannot read property 'createRange' of undefined

$('#edit_frame').selection.createRange().pasteHTML($('<span>text</span>'));

Where these functions and properties exist: selection & createRange() ? — Ricardus, Aug 14 '14 at 09:18

score 1 · Accepted Answer · edited May 23 '17 at 12:20

1

Because you need get the iFrame's document.

// HTML selected
document.getElementById('edit_frame').contentWindow.document.selection.createRange().htmlText;

But it's IE only. Read the @Tim Down answer: https://stackoverflow.com/a/6668159/2389232.

I have adapted the function to get selection HTML for iFrames too. See http://jsfiddle.net/4bp42891/.

edited May 23 '17 at 12:20

Community

1
1

answered Aug 14 '14 at 09:46

SnakeDrak

3,107
3
25
37

Insert text at the caret position, inside a contenteditable body of a frame

1 Answers1