javascript - tinyMCE 在全屏模式下默认显示 HTML 代码

Question

当我单击 tinyMCE 上的全屏按钮时，它会在新窗口中打开。

我现在想要的只是在这个新窗口中全屏显示 tinyMCE，默认情况下处于 HTML 源代码模式。

另外，我希望“html代码编辑”窗口全屏显示。

谢谢！

Answer 1

尝试按照这个小提琴默认显示 HTML 代码

In order to implement it in FullScreen Plugin go to 
plugins/fullscreen/fullscreen.htm

打开 fullscreen.htm 并将 onload 事件添加到正文中

onload="setTimeout(tinyMCE.activeEditor.execCommand('mceCodeEditor'),200)"

让“html 代码编辑”全屏显示

Go to themes/advanced/editor_template.js

定位

width : parseInt(ed.getParam("theme_advanced_source_editor_width", 720)),
height : parseInt(ed.getParam("theme_advanced_source_editor_height", 580)),

replace 720 and 580 by screen.availWidth, screen.availHeight respectively.

Also clear your browser cache.

希望能帮助到你！！

Answer 2

全屏按钮会将 tinymce 编辑器放大到用户的全屏尺寸。显示源代码是您已经发现的另一个操作 - html 代码编辑。

要获得全屏大小，您必须调整 tinymce html 源代码编辑器的弹出窗口大小。这可以使用以下 tinymce 配置参数来完成

• theme_advanced_source_editor_height
• theme_advanced_source_editor_width

不幸的是，您只能定义一个固定的宽度和高度。没有将代码弹出窗口放大到全屏大小的选项。