templates - 微小的 mce 模板内容不可编辑

Question

我正在使用最新的 tinymce 编辑器并且有一个特定的问题。

我想让所有模板元素（标签）都不可编辑，因此用户只能编辑其中的文本。

任何人都可以帮我吗？谢谢！

Answer 1

我已经实现了这一点，但我认为我的工作不是一个好的工作..但至少问题得到了解决。无论如何，这是我的解决方案。

tinymce 目前在不可编辑内容中有一个错误，因为当您从可编辑内容开始按住删除按钮时，它也会删除不可编辑内容。

所以我做了什么：

这将是输入字段的形式

<div class="nonEditables" style="width:100%;"></div>
<div> "Placeholder" </div>
<div class="nonEditables" style="width:100%;"></div>

在启动时在tinymce上绑定keyup事件

ed.onKeyUp.add(function(ed, e) {
    if ($('.nonEditables').length < 2) {
        tinymce.UndoManager.undo();
    }
// DO ANYTHING HERE.. the checking and everything you need. 
});

这对我有用...并且还要检查占位符是否被删除，否则tinymce会删除div...您将丢失您的输入字段... :) 总是在里面放一个文本..（*一个空格会做， ” ”） ：）