javascript - 如何在内容可编辑 iframe 中创建非内容可编辑 div？

Question

我需要将内容可编辑 iframe 中的某些部分设置为不可编辑。我怎么做？下面的代码适用于 chrome，但不适用于 Firefox。Firefox 中的所有内容都是可编辑的。需要复选框不可编辑

<iframe contentEditable="true" >
    Editable text<div contentEditable="false"><input type="checkbox" /></div>
</iframe>

Answer 1

用这个：

Editable text<div contentEditable="false" readonly>Non content editable text</div>

如果你想使用 JQuery：

$('#divId').attr('readonly', 'true');

Answer 2

我找到了一个带有只读属性的输入文本的解决方案。我发现跨度不可见的输入宽度，并且跨度的宽度超出了我的内容可编辑范围。

像cham一样工作！