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');