跨度内容可编辑 Firefox 93答案

【问题标题】：span contenteditable Firefox 93跨度内容可编辑 Firefox 93
【发布时间】：2021-12-05 09:34:29
【问题描述】：

我使用contenteditable 属性作为跨度的输入字段，通常它工作正常，但现在我遇到了问题，如果我在 Firefox 93 中选择超过 1 行并尝试用另一个文本替换它们，它不起作用，在 Chrome/Safari 甚至 Firefox 92 中都可以正常工作。它现在似乎只适用于每一行。

可能是bug，还是我用错了？

var spanContent = `Lorem ipsum dolor sit amet, consetetur sadipscing elitr, 
sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. 
At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, 
no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, 
consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.`;
window.addEventListener('load', function () {
    var span = document.getElementById('myEditable');
    span.innerText = spanContent;
    var range = new Range();
    range.setStart(span, 2);
    range.setEnd(span, 5);
    document.getSelection().addRange(range);
});

&lt;span contenteditable="true" id="myEditable"&gt;&lt;/span&gt;

【问题讨论】：

标签： html css firefox

【解决方案1】：

我可以在 Firefox 94.0.1 上重现此行为，这会导致我们的应用程序出现问题。看起来像 Firefox 中的回归错误。我在 bugzilla 上提交了一个错误，希望他们发现它是相关的：

https://bugzilla.mozilla.org/show_bug.cgi?id=1740492

我使用了您的 sn-p 的更简单版本（在 firefox 上浏览 SO 以重现该错误）：

<html>
  <span contenteditable="true">
    Lorem ipsum dolor sit amet, consetetur sadipscing elitr,
    sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. <br>
    At vero eos et accusam et justo duo dolores et ea rebum.<br>
    Stet clita kasd gubergren,
    no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet,
    consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.<br>
    At vero eos et accusam et justo duo dolores et ea rebum.<br>
    Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet
  </span>
</html>

【讨论】：

终于在 2021 年 12 月 7 日发布的 Firefox 95 中修复了这个问题。