Tiny MCE - Vollbildmodus beim Laden des Editors?

Question

Ich benutze tiny_mce als Word-like Editor in Textfeldern, die in Iframes sind. Ich möchte den gesamten Iframe-Bereich verwenden. TinyMCE hat eine Vollbild-Taste, aber ich muss den Vollbild-Modus automatisch einstellen, wenn das Plugin geladen wurde. Gibt es eine Funktion/einen Auslöser, um diesen Modus (oder die Taste) aufzurufen? Danke für die Hilfe.

Answer 1

Im IFRAME-Dokument können Sie TinyMCE anweisen, in den Vollbildmodus zu wechseln, sobald der Textbereich initialisiert wurde. Der folgende Code muss in die IFRAME gehen:

<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> 

Das TinyMCE Vollbild-Plugin wird das aktuelle Fenster aufzufüllen - und da der IFRAME sein eigenes Fenster ist, sollte das dies die IFRAME füllen.

Bearbeiten: Diese Technik kann auch mit der TinyMCE JQuery-Bibliothek verwendet werden. Die Optionen sind gleich, aber die Aufrufsyntax ist etwas anders. Auch hier sind die wichtigsten Linien der oninit Rückruf:

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

Answer 2

Sie müssen nur den folgenden Code einfügen in die tinyMCE.init ({}) Funktion:

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

},

Ps : Erinnere dich an das Komma, wenn du andere Anweisungen hast oder es scheitert. ;-)

Answer 3

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