0

我想知道是否可以从 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

4

1 回答 1

1

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

http://www.tinymce.com/wiki.php/api4:property.tinymce.Env.contentEditable以及

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

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, " ");
 }
于 2013-10-09T12:02:10.673 回答