TinyMCE的问题<；br>&&书信电报；p>；标签

长话短说，我从上到下阅读了TinyMCE文档（4.x）不止一次

我的问题是，我在TinyMCE编辑器中有一个自定义按钮，它在编辑器中添加了两列。HTML语法为：

<div class="wrapper">
    <div class="half-column">
        <p>Half Column</p>
    </div>
    <div class="half-column">
        <p>Half Column</p>
    </div>
</div>

因此，

br

标记覆盖了

div

标记，这就是问题所在。 理想的HTML语法是：

<div class="wrapper">
    <div class="half-column">
        <p></p>
    </div>
    <div class="half-column">
        <p>Half Column</p>
    </div>
</div>

半柱

或：

半柱

我已经使用了以下设置： 我认为有效的儿童设置可以帮助我解决问题，但至少目前为止，我还没有弄明白

对我来说，这很有趣也很奇怪的是，如果我开始在空编辑器中键入

p

标记，然后如果我删除键入的文本，

p

标记将保留。我已经设置了

强制根块：'p'

但是，如果我开始在

内键入，那么

p

标记将不会出现，因此如果用户删除段落，整个

div

元素将消失

---

我在网上也读了很多关于这方面的文章，如果你有任何建议，请回复我，我将不胜感激。

这里的问题是编辑（浏览器）添加一个BR标记，让用户仍然能够在第二个内部DIV之前键入内容。否则，用户将无法单击编辑器并在其中插入内容

---

您可以使用tinymce事件并用所需的html元素代码替换BR标记。

这里的问题是，编辑器（浏览器）添加了一个BR标记，以便用户仍然能够在第二个内部DIV之前键入内容。否则，用户将无法单击编辑器并在其中插入内容

---

您可以使用tinymce事件并用所需的html元素代码替换BR标记。

您可以制作一个tinymce小提琴来显示这种情况吗？如果看不到正在运行的代码，就很难确定您为什么会得到您正在得到的东西。@MichaelFromin谢谢您的回复。我做了TinyMCE小提琴，我注意到当我加载bootstrap.min.css并使用bootstrap网格系统时，问题就出现了。Fiddle URL：如果您去检查并开始逐个删除“col-xs-6”字符，您可以在操作中看到它，直到您删除最后一个

br

标记覆盖最近的

div

，在这种情况下，

确实很奇怪-我会使用该小提琴在TinyMCE问题跟踪器上打开一个问题：你能制作一个TinyMCE小提琴来显示这种情况吗？如果看不到正在运行的代码，就很难确定您为什么会得到您正在得到的东西。@MichaelFromin谢谢您的回复。我做了TinyMCE小提琴，我注意到当我加载bootstrap.min.css并使用bootstrap网格系统时，问题就出现了。Fiddle URL：如果您去检查并开始逐个删除“col-xs-6”字符，您可以在操作中看到它，直到您删除最后一个

br

标记覆盖最近的

div

，在这种情况下，

这确实很奇怪-我会用小提琴在TinyMCE问题跟踪器上打开一个问题：谢谢你的回复。是否有办法防止编辑器删除空标记？是的，您可以使用有效的\u元素tinymce配置设置。。我已经使用了

有效元素

&

扩展的有效元素

，但我无法使编辑器“保护”标记。例如，如果我有一些基本的html

，我不能阻止用户删除内部的

div

-建议？或者这是可能的？valis_元素和extended_valid_元素将阻止编辑器在编辑器内部清理时删除这些标记。它不会保护标签不被用户删除。谢谢你的回复。是否有办法防止编辑器删除空标记？是的，您可以使用有效的\u元素tinymce配置设置。。我已经使用了

有效元素

&

扩展的有效元素

，但我无法使编辑器“保护”标记。例如，如果我有一些基本的html

，我不能阻止用户删除内部的

div

-建议？或者这是可能的？valis_元素和extended_valid_元素将阻止编辑器在编辑器内部清理时删除这些标记。它不会保护标签不被用户删除。

<div class="wrapper">
    <div class="half-column">
        <p></p>
    </div>
    <div class="half-column">
        <p>Half Column</p>
    </div>
</div>

<div class="wrapper">
    <div class="half-column">
        <p>&nbsp;</p>
    </div>
    <div class="half-column">
        <p>Half Column</p>
    </div>
</div>