2010-04-19 6 views
7

Uso tiny_mce como editor de palabras en textareas que están en iframes. Quiero usar todo el espacio del iframe. TinyMCE tiene un botón de pantalla completa, pero necesito configurar el modo de pantalla completa automáticamente cuando el complemento se haya cargado. ¿Hay una función/disparador para llamar a este modo (o al botón)? Gracias por la ayuda.Tiny MCE: ¿configura la pantalla completa cuando se carga el editor?

Respuesta

8

En el documento IFRAME, puede indicar a TinyMCE que cambie al modo de pantalla completa una vez que se haya inicializado el área de texto. El siguiente código tendrá que ir en su IFRAME:

<script type="text/javascript"> 
tinyMCE.init({ 
    mode : "exact", 
    elements : "description", // This is the id of the textarea 
    plugins : "fullscreen", 
    theme : "advanced", 
    theme_advanced_buttons1 : "fullscreen,code", 
    theme_advanced_buttons2 : "", 
    theme_advanced_toolbar_location : "top", 
    theme_advanced_toolbar_align : "left", 
    theme_advanced_statusbar_location : "bottom", 
    oninit : function() { // Once initialized, tell the editor to go fullscreen 
     tinyMCE.get('description').execCommand('mceFullScreen'); 
    } 
}); 
</script> 

.... 

<textarea id="description"></textarea> 

El plugin TinyMCE pantalla completa se llenará la ventana actual - y, dado que el IFRAME es su propia ventana, el presente debe llenar el IFRAME.

Editar: Esta técnica también se puede utilizar con la biblioteca TinyMCE JQuery. Las opciones son las mismas, pero la sintaxis de invocación es un poco diferente. Una vez más, las líneas principales son la oninit devolución de llamada:

$(document).ready(function() { 
    $('#description').tinymce({ // "description" is the id of the TEXTAREA 
     // ... same options inserted here ... 
     oninit : function() { 
      tinyMCE.get('description').execCommand('mceFullScreen'); 
     } 
    }); 
}); 
+0

Cómo establecer el contenido en tinymce cuando su en pantalla completa –

0

Sólo tiene que insertar el siguiente código en la función tinyMCE.init ({}):

setup : function(ed) { 
    ed.on('load',function(e){ 
     ed.execCommand('mceFullScreen'); 
    }); 

},

Sal : recuerda la coma si tienes otras instrucciones después o fallará. ;-)

-1
setTimeout(\'(function(){tinyMCE.get("YourElementID").execCommand("mceFullScreen");})()\',2500); 
+0

Explicar lo que hace el código en su respuesta y editarlo! – gsamaras

Cuestiones relacionadas