javascript - TinyMCE - 要素を除外

Question

TinyMCE の編集可能な DIV から一部の要素を除外できるかどうか疑問に思っています。コード例を次に示します。

<div class="editable-area">
    <h2>heading</h2>
    <p>paragraph</p>
    <div class="exclude-this-element"></div>
</div>

.exclude-this-element:empty:before { content: "Editable Area"; }

tinymce.init({
    inline: true,
    fixed_toolbar_container: '.toolbar'
});
tinyMCE.execCommand('mceAddEditor', false, '.editable-area');

問題は、TinyMCE が で初期化されると、タグが.editable-area追加され、テキストが表示されなくなることです。実際、しばらくすると全体が消去されると思います。この要素を TinyMCE による変更から完全に除外できますか?<br>.exclude-this-elementEditable Area.exclude-this-element

また、いくつかのアクション (clickまたは jQuery UI 関数など)を添付.exclude-this-elementして、TinyMCE に干渉しないようにしたいと考えています。

試してみましたがvalid_children、編集可能な要素を除外するためにこれらのいずれも使用できないと思います (エディターのコンテンツを保存するときにのみ除外されます): http://www.tinymce.com/wiki.php/Configurationvalid_elementsinvalid_elements