Javascript TinyMCE保留预定义的html结构

我正在寻找TinyMCE在编辑时强制执行预定义HTML结构的方法

例如，假设我有下面的结构。我希望用户能够在节之间添加内容，但不能删除节标题本身

目前，我通过在单击每个部分时动态打开一个TinyMCE实例来实现这一点，但我更希望将整个内容加载到单个编辑器中，这将为用户提供更好的体验

第一节

在此处编辑文本

第二节

在此处编辑文本

第三节

在此处编辑文本

---

…

TinyMCE有一个名为

noneditable

的插件，它应该允许您执行以下操作：

下面是一些利用此插件的HTML示例：

    <table style="width: 60%;" border="1">
        <caption class="mceNonEditable">Ephox Sales Analysis</caption> 
        <tbody> 
            <tr class="mceNonEditable"> 
                <th style="width: 40%;">&nbsp;</th> 
                <th style="width: 15%;">Q1</th> 
                <th style="width: 15%;">Q2</th> 
                <th style="width: 15%;">Q3</th> 
                <th style="width: 15%;">Q4</th> 
            </tr> 
            <tr> 
                <td class="mceNonEditable">East Region</td> 
                <td>100</td> <td>110</td> <td>115</td> <td>130</td> 
            </tr> 
            <tr> 
                <td class="mceNonEditable">Central Region</td> 
                <td>100</td> <td>110</td> <td>115</td> <td>130</td> 
            </tr> 
            <tr> 
                <td class="mceNonEditable">West Region</td> 
                <td>100</td> <td>110</td> <td>115</td> <td>130</td> 
            </tr> 
        </tbody> 
    </table>

Ephox销售分析
Q1
问题2
第三季度
第四季度
东部地区
100 110 115 130 
中部地区
100 110 115 130 
西部地区
100 110 115 130 

---

包含该类（及其所有子类）的任何标记都将是不可编辑的。

我忽略了该插件。我会看看它是否真的能满足我的需要。谢谢