Question

我在iframe中的textareas中使用tiny_mce作为类似于字的编辑器。我想使用整个iframe空间。 TinyMCE有一个全屏按钮，但我需要在插件加载时自动设置全屏模式。是否有功能/触发器来调用此模式（或按钮）？谢谢你的帮助。

Answer 1

在IFRAME文档中，您可以指示TinyMCE在textarea初始化后切换到全屏模式。以下代码需要进入您的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>

TinyMCE全屏插件将填满当前窗口 - 并且，由于IFRAME是它自己的窗口，因此应该填充IFRAME。

编辑：此技术也可以与TinyMCE JQuery库一起使用。选项相同但调用语法略有不同。同样，关键行是oninit回调：

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

您只需要将以下代码插入tinyMCE.init（{}）函数：

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

}，

Ps：记住逗号，如果你有其他指令或它将失败。 ; - ）

Answer 3

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

微小的MCE - 在加载编辑器时设置全屏？

3 个答案: