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 появляться вверхний левый угол.Я бы хотел, чтобы wysiwyg находился в центре страницы.

Есть ли опция fullscreen_callback?таким образом, я мог бы добавить "mce_fullscreen_tbl.margin: auto" ... но не уверен в этом. спасибо

Answer 1

Это старый вопрос, но в случае, если кто-то еще окажется здесь: для tinyMCE версии 4 вы можете сделать что-то вроде этого:

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

Answer 2

Мы решили это с помощью нашего собственного CSS, чтобы указать поля для элемента mce_fullscreen_tbl.В качестве дополнительной функции мы добавили эффект лайтбокса, чтобы вы могли видеть редактор, плавающий над серой страницей внизу.

Вставьте этот фрагмент в ваш собственный 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; 
}