Javascript 如何选择img，对象标签。。。用兰吉？

我使用高亮显示选择文本（它通过span标记将选择文本换行）。 但当我选择文本和图像时，它会生成一个span标记，但span不能包装img标记。它附加在img标记之前

我的代码

cssApplier = rangy.createCssClassApplier("highlight", {
                        ignoreWhiteSpace: true,
                        elementTagName: "span",
                        elementProperties: {
                            id: randomId,
                            onclick: function () {
                                SelectComment(this);
                                return false;
                            }
                        }
                    })
                    cssApplier.applyToRange(sel.getRangeAt(0));

我将elementTagName更改为div，但没有更改

<span id="1356599579267" class="highlight current">
    </span>
<img type="photo" title="" templatetype="default" style="width:200px " src="http://sohanews2.vcmedia.vn/k:2012/1350782211-hongque_thoitrang_eva--3--f7897/my-nhan-showbiz-va-lo-hong-ve-tam-nhan-thuc.jpg" rel="http://sohanews2.vcmedia.vn/2012/1350782211-hongque_thoitrang_eva--3--f7897.jpg" photoid="24109" id="img_24109" alt="">

---

那么，如何包装img、对象标记或输入标记。通过按rangy突出显示元素？

CSS类应用程序模块仅在文本节点上工作，这是通过设计实现的。然而，我能看到它的价值，所以我打算做点什么。关于这一点，Rangy bug tracker中有两个未解决的问题：