我正在寻找TinyMCE在编辑时强制执行预定义HTML结构的方法。
例如,假设我具有以下结构。我希望用户能够在各节之间添加内容,但不能自行删除节标题。
当前,我是通过在单击每个部分时动态打开TinyMCE实例来实现的,但是我希望将整体内容加载到单个编辑器中,这将为用户提供更好的体验。
第一节
在这里编辑文字
第二节
在这里编辑文字
第三节
在这里编辑文字
...
最佳答案
TinyMCE有一个名为noneditable
的插件,该插件应允许您执行以下操作:
https://www.tinymce.com/docs/plugins/noneditable/
这是一些利用此插件的示例HTML:
<table style="width: 60%;" border="1">
<caption class="mceNonEditable">Ephox Sales Analysis</caption>
<tbody>
<tr class="mceNonEditable">
<th style="width: 40%;"> </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>
包含该类(及其所有子类)的所有标签都是不可编辑的。
关于javascript - TinyMCE保留预定义的html结构,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/37005369/