TinyMCE-添加可编辑且标记不消失的栅格

我添加了一组自定义按钮，用于将简单网格添加到编辑器中。它们具有以下结构

<div class="grid">
<div class="col-1-2"><p>Column 1</p></div>
<div class="col-1-2"><p>Column 2</p></div>
</div>

但没有效果

我怎样才能阻止TinyMCE删除这些空标签，或者我是不是走错了方向

---

谢谢

你能给我看看你的有效元素和有效子元素的tinymce配置吗？我没有设置任何有效的元素或子元素，所以这只是默认设置。我使用的是CDN//tinymce.cachefly.net/4.1/tinymce.min.js中的4.1。经过进一步调查，它似乎与列样式中的浮动有关。如果我创建了两个空div元素，它们会挂起，但是如果我使用浮动样式创建它们，那么一旦我高亮显示文本并替换父浮动div，它们就会消失。摆弄浮动的元素。有两种情况会发生，如果双击其中一段文本，它也会高亮显示所有或部分其他div内容；如果删除所有文本，div将被删除。如果没有浮动，则不会发生这种情况。您使用的浏览器是什么？我在Firefox中看不到这种行为。你能给我看看你的有效元素和有效子元素的tinymce配置吗？我没有设置任何有效元素或子元素，所以这只是默认设置。我使用的是CDN//tinymce.cachefly.net/4.1/tinymce.min.js中的4.1。经过进一步调查，它似乎与柱子。如果我创建了两个空div元素，它们会挂起，但是如果我使用浮动样式创建它们，那么一旦我高亮显示文本并替换父浮动div，它们就会消失。摆弄浮动的元素。有两种情况会发生，如果双击其中一段文本，它也会高亮显示所有或部分其他div内容；如果删除所有文本，div将被删除。如果没有浮动，则不会发生这种情况。您使用的浏览器是什么？我在firefox中看不到这种行为

<div class="grid">my new text<br />
<div class="col-1-2"><p>Column 2</p></div>
</div>

extended_valid_elements : 'div[id|class|style]'