我有一个WYSIWYG编辑器,我遇到的问题是Firefox变得满足于按预期运行。当在每个上设置contenteditable时,嵌套DIV会出现问题,例如:
https://jsfiddle.net/feqnj2gL/
<div contenteditable='true'>
<div contenteditable='false' style='padding:20px;'>don't want this deleted
<div contenteditable='true'>this is editable</div>
</div>
</div>
单击“this is editable”文本不会按预期设置光标,而是选择所有文本和父DIV。
然而 - 在最外面的DIV上取消了可以解决的问题。不幸的是,在我的应用程序中,我需要这3个级别,因为最外层是可编辑IFrame的BODY标记。
此代码适用于IE(!)和Chrome。这是一个FF错误还是我错过了什么?