Question

我使用rangy突出显示选择文本（它用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或object标签或输入标签。通过rangy的高亮元素？

Answer 1

CSS类应用程序模块仅适用于文本节点，这是设计使然。但是，我可以看到价值，所以我打算对此做些什么。 Rangy bug跟踪器中存在两个未解决的问题：

如何通过rangy选择img，object tag ...

1 个答案: