Tinymce模板内容不可编辑

时间:2012-04-25 15:22:32

标签: templates tinymce readonly

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

我想让所有模板元素(标签)都不可编辑,因此用户只能编辑其中的文字。

任何人都可以帮助我吗?谢谢!

1 个答案:

答案 0 :(得分:0)

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

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. 
});

这适用于我...并且还检查占位符是否被删除或者否则将删除div ...并且您将丢失输入字段... :)始终将文本放入...( *一个空间会做,“”):)