我正在寻找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%;">&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>


包含该类(及其所有子类)的所有标签都是不可编辑的。

关于javascript - TinyMCE保留预定义的html结构,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/37005369/

10-12 12:38
查看更多