hacer readonly / deshabilitar tinymce textarea

De la versión 4.3.x on puede usar el código a continuación para el modo readonly

tinymce.activeEditor.setMode('readonly');

Y para el modo de diseño:

tinymce.activeEditor.setMode('design'); 

SI solo tiene un editor, esto funciona:

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

Si tiene varios editores, debe seleccionarlos por el id del área de texto:

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

La solución de Thariama establecerá todos los TinyMCE textareas en la página como readonly.

La mejor solución que he encontrado fue publicado por Magnar Myrtveit que establecerá los campos a readonly que tienen el atributo readonly. Aquí está el código:

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

Para desactivar puede llamar a este comando:

tinymce.EditorManager.execCommand('mceToggleEditor', true, tinymceId);

Y para activar de nuevo el editor, puede volver a llamar a este comando.

'El comando mceToggleEditor activa o desactiva el modo WYSIWYG mostrando u ocultando la instancia textarea y editor. Esto no es lo mismo que mceAddControl o mceRemoveControl porque la instancia todavía está allí y no está inicializada, por lo que este método es más rápido.

Enlace para el comando anterior: http://archive.tinymce.com/wiki.php/TinyMCE3x:Command_identifiers

Puede usar

this.getBody().setAttribute('contenteditable', false);

Echa un vistazo a la solución completa,, mi lado del servidor es Asp.net MVC

 setup: function (ed) {
        ed.on('init', function () {
            this.execCommand("fontSize", false, "17px");
            $("html,body").scrollTop(0);
            @if (ViewBag.desableEdit != null && ViewBag.desableEdit == true)
            {
                <text>
                    this.getBody().setAttribute('contenteditable', false);
                </text>
            }

        });

Otra forma de hacerlo si tiene server side condition que se eliminará en el HTML devuelto

 tinymce.init({
    selector: ... ,
    ....
    @if (ViewBag.desableEditExseptExportNumber != null && ViewBag.desableEditExseptExportNumber == true)
    {
         <text>
              readonly: 1,
         </text>
    }
    language: 'ar',
    ....});

Tal vez esta línea de código ayude en otros navegadores que usan iframes.

tinymce.activeEditor.getBody().contenteditable = false

Saludos!

Trato de usar solo lectura: 1 comando cuando lo uso la barra de herramientas desaparece.

Cómo usar el

Tinymce.Activador.getBody().setAttribute ('contenteditable', false);

Usted puede ver esta respuesta aquí por @amotinaron: https://stackoverflow.com/a/34764607/1827960.

Lo usé para llegar a esta solución:

tinymce.settings = $.extend(tinymce.settings, { readonly: 1 });
tinymce.EditorManager.editors.forEach(function (editor) {
    tinymce.EditorManager.execCommand('mceRemoveEditor', false, editor.id);
    //tinymce.EditorManager.editors = [];
    tinymce.EditorManager.execCommand('mceAddEditor', false, editor.id);
});

Que funciona para ASP.NET MVC Razor

readonly: @(Model.Readonly ? "true" : "false")

Al inicializar TinyMCE:

tinymce.init({/* put readonly setting here */});