Question

我希望全屏插件能够在某些维度上打开所见即所得的弹出窗口。这可能吗？

我目前有这个：

        $(function () {
            $("textarea.tinymce").tinymce({
                script_url: '/scripts/tiny_mce/tiny_mce.js',
                mode: "textareas",
                theme: 'advanced',
                plugins: 'fullscreen',
                theme_advanced_toolbar_location: "top",
                theme_advanced_buttons1: "bold,italic,underline,strikethrough,|,undo,redo,|,bullist,numlist,fullscreen",
                theme_advanced_buttons2: "",
                theme_advanced_buttons3: "",
                theme_advanced_buttons4: "",
                invalid_elements : "img,input,table,a",
                fullscreen_settings : {
                    width : "640",
                    height : "480"
                },
...

确实在新窗口中打开弹出窗口，向表格添加宽度和高度＆＃34; mce_fullscreen_tbl＆＃34;并让所见即所得出现在左上角。我希望wysiwyg位于页面的中心。

是否有fullscreen_callback选项？这样我就可以添加＆＃34; mce_fullscreen_tbl.margin：auto＆＃39; ...但不确定它。感谢

Answer 1

我们使用自己的自定义css来解决它，以指定mce_fullscreen_tbl元素的边距。作为一项额外功能，我们添加了一个灯箱效果，以便您可以看到编辑器浮动在下面灰色的页面上方。

将此代码段粘贴到您自己的css中，该css包含在您使用TinyMCE的同一页面中。

#mce_fullscreen_container { 
  background:none; 
  background: rgba(0, 0, 0, 0.6);    
  -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000); 
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000); 
  zoom: 1; 
} 

table#mce_fullscreen_tbl.mceLayout { 
  margin: 20px auto 0; 
}

Answer 2

这是一个老问题，但万一有人在这里结束：对于tinyMCE版本4，您可以执行以下操作：

div.mce-fullscreen {
    position: fixed;
    top: 10%;
    left: 10%;
    width: 80%;
    height: auto;
}

tinyMCE全屏调整窗口

2 个答案: