Tinymce仅作为文本编辑器，不编辑html

我有一个复杂的布局，不希望客户能够把它搞砸，最终打破它。因此，我想限制tinymce，以便他们只能编辑/更改文本

• 不允许对布局进行任何更改
• 除文本外，不得添加/删除任何内容
• 实际上，他们所能做的就是修改文本

这可能吗

我会说：“是的，这是可能的，这取决于你认为用户可以做什么样的动作。”

我假设您的布局以html代码的形式存在，并且可以在编辑器中找到。 现在，当用户开始选择和删除时，您必须介入。

---

您可以编写自己的插件（或带有onKeyUp处理程序的合适的setup config参数），用于检查是否有任何有价值的布局元素消失了。如果是这样的话，你需要解决它。您还可以检查按键代码（ctrl+x、DELTE、Backspace、aso）。复制到编辑器中也需要限制为文本（关于这个问题有几个问题）。

TinyMce有一个插件。它被称为“不可编辑”：

您可以像这样启动tinymce：

tinymce.init({
    selector: 'texteditor',  // change this value according to your HTML
    toolbar: 'undo redo', // disable most of the plugins ...
    context_menu: false,
    menubar: false,        // ... to allow text edit only
    noneditable_editable_class: "editable", // class allowed to edit
    noneditable_noneditable_class: "non_editable" // the parent (everything else)

});

您必须定义这两个属性-我只尝试了不可编辑的\u可编辑的\u类依靠它将把其余属性视为不可编辑-但没有成功

另一个解决方案（不带tinyMce）将在您希望编辑的页面元素上放置contenteditable属性：

$('.editable').attr('contenteditable','true');