tinyMCE全屏調整窗口

Question

我希望全屏插件打開某些尺寸的wysiwyg彈出窗口。那可能嗎？

目前，我有這樣的：

 $(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" 
       }, 
... 

它確實在新窗口中打開彈出窗口，增加寬度和高度，以表「mce_fullscreen_tbl」，使所見即所得出現在頂部/左上角。我希望wysiwyg位於頁面的中心。

是否有fullscreen_callback選項？這樣我可以添加「mce_fullscreen_tbl.margin：汽車」 ......但不肯定它 感謝

Answer 1

我們用我們自己的自定義CSS來指定mce_fullscreen_tbl元素的利潤率解決它作爲一個額外的功能。我們增加了一個收藏effext這樣您就可以看到編輯器上面漂浮下方的灰色顯示頁面。

這個片段粘貼到自己的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; 
}