Javascript HTML内容可编辑禁用本机富文本编辑

我试图通过包含属性

contenteditable

，使文章元素可编辑，这很好。我能够键入新的文本和样式它没有额外的JS

我的问题是本机富格文本编辑，尽管对于基本的东西，如

或

，非常有用，但它破坏了我的一些默认格式。当我按enter键时，文本向下移动[将新行文本包装在新的

标记中]，但当我按backspace键将其添加回原始段落时，本机编辑器将文本包装在

标记中

如果是这种情况，我可以处理不必要的span标记，但不幸的是，本机编辑器还向span标记添加了内联样式，从外部

contenteditable

元素中提取样式，因此标记现在看起来如下所示：

<span style="font-size: 1.5em; line-height: 1.3em;">

当使用

em

单元时，这本身就是一个问题，因为现在

中的文本大小增加了1.5倍，更不用说混乱的行高了。因此，我更希望让article元素contenteditable，但禁用默认的富文本编辑功能，并在JS中滚动我自己的内容

本质上：如何允许元素内容可编辑，但禁用本机富文本编辑功能？

---

我还应该补充一点，我在Chrome上工作，如果这有什么不同的话。所有浏览器都会出现这种情况吗？

关于您的最后一个问题：不，并非所有浏览器都会出现这种情况。这是一个特定于Chrome的bug（但是你应该自己测试所有东西，在多个浏览器中测试是必须的，以开始了解你的代码或浏览器中是否有bug），那么你真正想要contenteditable元素的哪些功能呢？通过使用一个流行的WYSIWYG组件，例如CKEditor，你将节省大量时间。当涉及到

内容可编辑时

，浏览器之间存在极其多的错误和不一致。@TimDown使内容。。。可编辑，但没有富文本功能（我会自己添加）@Reinmar您无法在

textarea