在框架的可编辑内容内的插入符号位置插入文本

Question

我有一个iframe对象，并且内部有一个contenteditable主体。 我想在插入符号的位置粘贴一些文本或html元素。 我尝试了这段代码，但出现错误Cannot read property 'createRange' of undefined

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

Answer 1

因为您需要获取iFrame的文档。

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

但这只是IE。 阅读@Tim Down答案： https ://stackoverflow.com/a/6668159/2389232。

我已经改编了该功能，以获取iFrame的选择HTML。 参见http://jsfiddle.net/4bp42891/ 。