访问iframe中可编辑内容字段中的选定图像

如何解决访问iframe中可编辑内容字段中的选定图像

| 我在获取src或id或iframe中contentcontentable div容器内部的任何选定图像时遇到问题。好吧，可以通过如下所示的getSelection（）调用获取选定的文本信息：

window.document.getElementById(\"monitor\").contentwindow.document.getSelection();
// \"monitor\" = iframe id

但是，如果我选择图像而不是文本，则结果为空。我搜索了几个小时，但没有找到任何解决方案。有人知道如何解决这个问题吗？ （我正在使用Firefox 4）     

解决方法

window.getSelection()

（在符合HTML5的浏览器中，

document.getSelection()

是其别名）返回一个ѭ3not对象，而不是一个字符串（由于其ѭ4the方法返回所选文本，它表面上看起来只是一个字符串）。最有用的方面是能够使用

getRangeAt()

获得一个或多个表示选择的DOM Range对象。 有了Range之后，获取其中包含的所有DOM节点都会有些棘手。您可以使用我的Rangy库，该库在Range的实现中添加了一个

getNodes()

方法：

var sel = rangy.getSelection();
if (sel.rangeCount) {
    var range = sel.getRangeAt(0);
    var elements = range.getNodes([1]);
    for (var i = 0; i < elements.length; ++i) {
        alert(\"Selected element: \" + elements[i].tagName);
    }
}