Chrome：删除格式化文本后，新键入的文本具有相同的样式答案

【问题标题】：Chrome: After removed formatted text, new typed text has the same stylesChrome：删除格式化文本后，新键入的文本具有相同的样式
【发布时间】：2017-10-19 11:37:29
【问题描述】：

当我从 contenteditable 字段中删除所有内容，然后开始键入包装到与已删除文本相同的标记中的新文本时，尽管在调试器中没有相关元素。

例子：

预期行为如下（在 Firefox 中获得）：

有人可以帮我解决这个问题吗？

附：如果需要任何额外信息，请告诉我。

【问题讨论】：

根据this post 上的讨论，这看起来像是Chrome 中存在数年的错误（this bug sheet 可追溯到2010 年）。显然，没有提出任何解决方法。
我想玩弄你的代码。您能否分享您的代码，以便我们了解所见即所得以及您未使用的内容？
我猜是因为 Chrome 缓存了选定的元素，所以在按下delete 按钮时添加一个事件侦听器并使用 JS 获取选择，调用 removeAllRanges() 或 collapse() 或 collapseToEnd()。希望能帮到你
@SergeySahakyan - 我认为你是对的，但我很好奇，你有关于缓存元素的文档吗？

标签： javascript google-chrome wysiwyg contenteditable

【解决方案1】：

尝试使用您通常需要的字体大小粘贴文本。这将为您更改字体大小。如果您想为整个 contenteditable 字段选择字体大小，请尝试将其添加到您的 CSS。

【讨论】：