TinyMCE - 添加可编辑的网格，而标签不会消失

Question

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

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

分配的自定义CSS正确显示网格。但是，一旦用户去编辑文本...通过删除全部或突出显示并尝试替换，可以理解，TinyMCE立即删除空标签，因此如果用户删除文本第1列，我们最终会得到这个;

<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]'

但它没有效果。

如何阻止TinyMCE删除这些空标签，或者我是以错误的方式解决这个问题。？

由于