tinymce automático establecido sólo lectura si el área de texto de sólo lectura tiene

Question

¿cómo iba a establecer tinymce para ajustar automáticamente el editor como readonly si el textarea ya tiene la attr("readonly")

Answer 1

Una solución más general podría ser

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

Esto funcionará para todas las áreas de texto sin tener que especificar ningún código. Además, establecerá el editor en modo solo lectura y no solo evitará la edición.

Answer 2

si lo ajusta el modo de readOnly tinymce se debe utilizar la API de TinyMCE. lo que puede establecer sólo lectura:

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

Si desea establecer único valor "sólo lectura" para el área de texto, así que por favor tenga en cuenta que tinymce tiene propio envoltorio para este campo, y el campo nativa (de html) - establecer como campo oculto, por lo que es inútil juego de cualquier atributo para una

Answer 3

si no desea aplicar tinyMCE a los campos de sólo lectura utilizan class="readonly" luego serán ignorados

tinyMCE.init({ 
    ... 
    editor_deselector: "readonly" 
}); 

las áreas de texto con la clase de sólo lectura

Answer 4

en caso de tener la siguiente área de texto

<textarea id="my_textarea_id" readonly="readonly">Some content here.</textarea> 

puede guardar el conocimiento de tener un atributo de sólo lectura a una variable:

var readonly = $("textarea#my_textarea_id").attr("readonly") ? 1 : 0; 

Ahora la función init tinymce. Elegimos el modo none para iniciar el editor más tarde.

tinyMCE.init({ 
     theme : "advanced", 
     mode: 'none', 
     readonly : readonly, 
     ... 
}); 

aquí, se puede init su instancia editor utilizando el ID de su área de texto

tinyMCE.execCommand("mceAddControl", true, "my_textarea_id"); 

Su instancia del editor será inicializado como de sólo lectura.

Answer 5

Tengo varios mce pequeños y algunos de ellos tienen class = "nonEditableMCE" y algunos tienen class = "editableMCE". Si ese es el caso, puede tener dos inits y esto está funcionando. Es mucho más simple cuando los Id son dinámicos para usar el selector de clase.

tinymce.init({ 
     selector: ".nonEditableMCE", 
     height: 200, 
     statusbar: false, 
     readonly : 1 

    }); 

    tinymce.init({ 
     selector: ".editableMCE", 
     height: 200, 
     statusbar: false, 
     readonly: 0 

    });