2010-04-19 3 views
7

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

ответ

8

В документе IFRAME вы можете указать TinyMCE перейти в полноэкранный режим после инициализации textarea. Следующий код нужно будет идти в ваш 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'); 
     } 
    }); 
}); 
+0

Как установить содержание в TinyMCE, когда его в полноэкранном режиме –

0

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

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

},

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

-1
setTimeout(\'(function(){tinyMCE.get("YourElementID").execCommand("mceFullScreen");})()\',2500); 
+0

Объясните, что делает этот код в ваш ответ и редактировать его! – gsamaras

Смежные вопросы