我正在寻找一种方法,让 TinyMCE 在编辑时强制执行预定义的 HTML 结构。
例如,假设我有以下结构。我希望用户能够在各部分之间添加内容,但不能删除部分标题本身。
目前,我通过在单击每个部分时动态打开一个 TinyMCE 实例来实现此目的,但我宁愿将整体内容加载到单个编辑器中,这将为用户提供更好的体验。
第 1 节
在此处编辑文字
第 2 节
在此处编辑文字
第 3 节
在此处编辑文字
...
最佳答案
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/