make readonly/disable tinymce textarea

Question

我需要在运行时禁用或只读一个tinymce textarea.

Answer 1

使用配置参数readonly

tinyMCE.init({
        ...
        theme : "advanced",
        readonly : 1
});

这是演示的链接.

更新:阻止用户编辑编辑器内容的方法是将编辑器iframe体的contenteditable属性设置为false:

tinymce.activeEditor.getBody().setAttribute('contenteditable', false);

Answer 2

从版本4.3.x开始,您可以使用以下代码进行只读模式

tinymce.activeEditor.setMode('readonly');

对于设计模式:

tinymce.activeEditor.setMode('design'); 

Answer 3

如果您只有一个编辑器,则可以:

tinymce.activeEditor.getBody().setAttribute('contenteditable', false);

如果您有多个编辑器,则必须通过textarea的id选择它们:

tinyMCE.get('textarea_id').getBody().setAttribute('contenteditable', false);

Answer 4

Thariama的解决方案将页面上的所有TinyMCE textareas设置为只读.

我发现的最佳解决方案是由Magnar Myrtveit 发布的,它将字段设置为readonly,具有readonly属性.这是代码:

tinyMCE.init({
    ...
    setup: function(ed) {
        if ($('#'+ed.id).prop('readonly')) {
            ed.settings.readonly = true;
        }
    }
});