html - contentEditableを使用するときに一部の要素が編集されないようにします

Question

以下のサンプルマークアップで、html5を使用する場合、編集できないcontentEditable="true"方法はありますか？<span id="cookie">

<div contentEditable="true">
    This text be edited. <span id="nodelete">Except for this text.</span> This can be edited as well.
</div>

Answer 1

さて、ビットレスの要求に応じて：

私が使用する解決策は、内部spanをインラインとして宣言することですが、次のようにfalseにdiv設定します...contentEditable

<div contentEditable="true">
    This text be edited. <div style="display: inline;" contentEditable="false">Except for this text.</div> This can be edited as well.
</div>