如何在内容可编辑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');