TinyMCE保留预定义的html结构
TinyMCE retain pre-defined html structure
我正在为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>
任何包含该类(及其所有子类)的标记都是不可编辑的。
相关文章:
- TinyMCE保留预定义的html结构
- jQuery的HTML结构追加数组
- 正在创建嵌套的HTML结构
- 遍历HTML结构以搜索属性
- 如何用java脚本编写html结构
- 正在用jQuery改变HTML结构
- 如何从平面JavaScript数组创建分层HTML结构
- 如果有多个
,请在后文条目时将新的 HTML 结构添加到
- 如何格式化 html 结构中特定符号内换行的文本并设置其格式
- 如何使用 jQuery 创建丰富的客户端体验时避免锁定我的 HTML 结构
- 在更改函数后使用 jQuery 选择对象,修改了需要选择的元素的 html 结构
- 无限滚动我的HTML结构
- DOM 不代表 d3 强制布局的 html 结构
- JQuery/Javascript - 突出显示文本并环绕标签,而无需更改 html 结构
- 在 HTML 结构中打印 JSON 数据问题
- 在使用Ajax仅检索数据库中的数据之间,如何更好地从html结构中的数据库中检索数据
- 在v-for中动态创建一个html结构
- jquery克隆了一个没有文本内容的html结构
- 如果序列与Html结构匹配,则需要Javascript
- 如果我的HTML结构包含另一个父HTML标记或id类等,则需要重定向