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 上初始化时，它会将 <br> 标签添加到 .exclude-this-element 和 Editable Area 文本停止出现。实际上，我认为整个.exclude-this-element 会在一段时间后被删除。 TinyMCE是否可以完全排除这个元素被改变？

我还想将一些操作（如 click 或 jQuery UI 函数）附加到 .exclude-this-element 并使其不干扰 TinyMCE。

我尝试了valid_children、valid_elements 和invalid_elements，但我认为这些都不能用来排除任何可编辑的元素（它只在保存编辑器的内容时​​排除它们）：http://www.tinymce.com/wiki.php/Configuration

Answer 1

您可以使用内容可编辑方法

http://www.tinymce.com/wiki.php/api4:property.tinymce.Env.contentEditable 还有

不可编辑插件。此插件使具有 noneditable 类的元素 - 不可编辑

http://www.tinymce.com/wiki.php/Plugin:noneditable

编辑：

尝试通过在 tinyMCE INIT 配置中添加这个来阻止 BR 元素：

 force_br_newlines : false,
 forced_root_block : "", 
 convert_newlines_to_brs: false, 

如果 BR 标记出现在您从某处粘贴内容时出现在内容中，您也可以添加以下内容：

paste_preprocess: function(pl, o) {
o.content = o.content.replace(/<br><\/br>/gi, " ");
 }