javascript - 突出显示/选择具有范围的多个div/contenteditable？

Question

假设我有一组 contenteditable="true" div。

<div id="0" contenteditable="true"></div>
<div id="1" contenteditable..></div>
<div...etc></div>

我不能只有一个 div，必须有多个 div。 我怎样才能突出显示多个 div 的内容？使用范围？还有什么吗？

Answer 1

答案是这取决于浏览器。参见 this example使用 Ranges 测试两种方法。第一次尝试为每个可编辑的 <div> 创建一个范围并将它们全部添加到选择中。第二次尝试创建包含两个可编辑 <div> 内容的单个范围

结果:

• 在所有浏览器中，用户不可能创建存在于多个可编辑元素中的选择；
• Firefox 是最宽容的主要浏览器。两种编程方法都有效。
• Safari 和 Chrome 是最宽松的:这两种方法都不会从多个可编辑元素中选择内容。
• Opera 11 不支持选择中的多个范围，但支持跨越多个可编辑元素的选定范围。
• IE 9 之前的版本不支持 DOM 范围或相同 Selection API 与其他浏览器一样，但等效于 TextRange代码不允许从多个可编辑元素中进行选择。