Tinymce 模板内容不可编辑答案

【问题标题】：Tiny mce template content non-editableTinymce 模板内容不可编辑
【发布时间】：2012-04-25 15:22:32
【问题描述】：

我正在使用最新的 tinymce 编辑器，但遇到了一个特定问题。

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

谁能帮我解决这个问题？谢谢！

【问题讨论】：

这是一项非常复杂的任务！

标签： templates tinymce readonly

【解决方案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...您将丢失输入字段... :) 始终在其中输入文本...（ *空格可以，" ") :)

【讨论】：