如何以全屏模式启动 TinyMCE 4？答案

【问题标题】：How to start TinyMCE 4 in full screen mode?如何以全屏模式启动 TinyMCE 4？
【发布时间】：2014-05-21 06:56:13
【问题描述】：

有没有办法以全屏模式启动 TinyMCE 4？我刚从 TinyMCE 3.x 升级，但在 3.x 中完成的方式似乎在 4.x 中不起作用：

<head>
<script type="text/javascript" src="TinyMCE/tinymce.min.js"></script>
<script type="text/javascript">
  tinyMCE.init({
    oninit : function() {
      tinyMCE.get('editor').execCommand('mceFullScreen');
    }
  });
</script>
</head>

<body>
  <textarea id="editor"></textarea>
</body>

有什么建议吗？

【问题讨论】：

标签： javascript tinymce wysiwyg tinymce-4 html-editor

【解决方案1】：

了解如何做到这一点：

<head>
<script type="text/javascript" src="TinyMCE/tinymce.min.js"></script>
<script type="text/javascript">
  tinyMCE.init({
    plugins: [ 'fullscreen' ],
    setup: function(editor) {
      editor.on('init', function(e) {
        editor.execCommand('mceFullScreen');
      });
    }
  });
</script>
</head>

<body>
  <textarea id="editor"></textarea>
</body>

【讨论】：

【解决方案2】：

官方文档中也有描述。

tinymce.activeEditor.execCommand('mceFullScreen');

确保您已将其包含在这样的插件中

tinymce.init({
  selector: 'textarea',  // change this value according to your HTML
  plugins: 'fullscreen',
  menubar: 'view',
  toolbar: 'fullscreen'
});

这里是官方文档的链接。

Official docs for tinymce editor fullscreen

【讨论】：