Tiny MCE - установить полноэкранный режим при загрузке редактора? - PullRequest
7 голосов
/ 19 апреля 2010

Я использую tiny_mce в качестве текстового редактора в текстовых областях, находящихся в фреймах.Я хочу использовать все пространство iframe.TinyMCE имеет полноэкранную кнопку, но мне нужно установить полноэкранный режим автоматически, когда плагин загружен.Есть ли функция / триггер для вызова этого режима (или кнопка)?Спасибо за помощь.

Ответы [ 3 ]

8 голосов
/ 20 апреля 2010

В документе IFRAME вы можете указать TinyMCE переключиться в полноэкранный режим после инициализации текстовой области. Следующий код должен войти в ваш IFRAME:

<script type="text/javascript">
tinyMCE.init({
    mode : "exact",
    elements : "description",  // This is the id of the textarea
    plugins : "fullscreen",
    theme : "advanced",
    theme_advanced_buttons1 : "fullscreen,code",
    theme_advanced_buttons2 : "",
    theme_advanced_toolbar_location : "top",
    theme_advanced_toolbar_align : "left",
    theme_advanced_statusbar_location : "bottom",
    oninit : function() {  // Once initialized, tell the editor to go fullscreen
        tinyMCE.get('description').execCommand('mceFullScreen');
    }
});
</script>

....

<textarea id="description"></textarea>

Полноэкранный плагин TinyMCE заполнит текущее окно - и, поскольку IFRAME является его собственным окном, оно должно заполнять IFRAME.

Редактировать: Этот метод также можно использовать с библиотекой TinyMCE JQuery. Опции одинаковы, но синтаксис вызова немного другой. Опять же, ключевыми линиями являются обратный вызов oninit:

$(document).ready(function() {
    $('#description').tinymce({   // "description" is the id of the TEXTAREA
        // ... same options inserted here ...
        oninit : function() {
            tinyMCE.get('description').execCommand('mceFullScreen');
        }
    });
});
1 голос
/ 15 января 2015

Вам просто нужно вставить следующий код в функцию tinyMCE.init ({}):

setup : function(ed) {
  ed.on('load',function(e){
      ed.execCommand('mceFullScreen');
  });

},

Ps: запомните запятую, если после нее у вас есть другая инструкция, или она не будет выполнена. ; -)

0 голосов
/ 07 апреля 2015
setTimeout(\'(function(){tinyMCE.get("YourElementID").execCommand("mceFullScreen");})()\',2500);
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...