我使用rangy突出显示选择文本(它用 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 标签或 input 标签。通过高亮元素 by rangy?