HTML contenteditable禁用本机富文本编辑

Jod*_*ner 5 html javascript contenteditable rich-text-editor

我试图通过包含属性来使文章元素可编辑contenteditable,这可以正常工作.我可以在没有额外JS的情况下输入新文本并设置样式.

我的问题是本机富文本编辑,虽然非常适合基本的东西,<b>或者<u>,打破了我的一些默认格式.当我点击enter文本时向下移动[在新<p>标签中包装新的文本行],但是当我点击时backspace将其添加回原始段落时,本机编辑器将文本包装在<span>标签中.

如果只是这种情况,我可以处理不必要的span标签,但不幸的是,本机编辑器为span标签添加了内联样式,从外部contenteditable元素中提取样式,因此标签现在看起来像这样:

<span style="font-size: 1.5em; line-height: 1.3em;">
Run Code Online (Sandbox Code Playgroud)

当使用em单位时,这本身就存在一个问题,因为现在文本的<span>大小增加了1.5倍,更不用说混乱的线条高度了.因此,我宁愿让文章元素满足,但禁用默认的富文本编辑功能,并在JS中滚动我自己的.

本质上:如何允许元素具有可信度,但禁用本机富文本编辑功能?

我还应该补充一点,我在Chrome中工作,如果这有所作为的话.这是否适用于所有浏览器?