【问题标题】:tinyMCE when on fullscreen mode show HTML CODE by defaulttinyMCE 在全屏模式下默认显示 HTML 代码
【发布时间】:2013-01-11 09:34:14
【问题描述】:

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

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

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

谢谢!

【问题讨论】:

    标签: javascript html api editor tinymce


    【解决方案1】:

    尝试按照fiddle 默认显示 HTML 代码

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

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

    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.
    

    希望对你有帮助!!

    【讨论】:

    • 我猜这是一个很好的答案,但我想在全屏插件中实现它!你知道怎么做吗?
    • 非常感谢!你的答案是正确的!我的问题的第二部分呢? "另外,我希望"html代码编辑"窗口全屏显示。"
    【解决方案2】:

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

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

    很遗憾,您只能定义固定的宽度和高度。没有将代码弹出窗口放大到全屏大小的选项。

    【讨论】:

    • 默认情况下,您在编辑器中看不到源代码(tinymce 是所见即所得) - 所以您会得到所见即所得。 html代码视图位于其他地方(单击“html”按钮的功能和弹出窗口)
    • 如何在不点击“html”按钮的情况下在页面加载时调用此函数?
    • 我很确定,如果有人能告诉我如何在页面上调用“html”按钮的功能,然后立即调用“html 源代码编辑器”的最大化窗口功能,我将实现我想做的一切!
    猜你喜欢
    • 2015-03-27
    • 2017-08-08
    • 1970-01-01
    • 2023-03-10
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-04-24
    • 1970-01-01
    相关资源
    最近更新 更多