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

Question

我需要在一个令人满意的iframe中创建一些不可编辑的部分。我怎么做？ 下面的代码适用于chrome，但不适用于firefox。一切都可以在firefox中编辑。 Ineed复选框是不可编辑的

<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

我找到了一个带有attribut readonly的输入文本的解决方案。 我发现输入的宽度不可见，我得到的宽度超出了我的目标。

像cham一样工作！