javascript - Tinymce - 加载编辑器时设置全屏？

Question

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

Answer 1

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