Как установить высоту текстовой области tinymce?

Question

Я использую следующие:

<textarea 
    data-ui-tinymce="tinymceOptions" 
    data-ng-disabled="modal.action=='delete'" 
    data-ng-model="modal.formData.text" 
    id="inputText" 
    rows="20" 
    required></textarea> 

Когда TinyMCE появляется высота всего несколько сантиметров. Как я могу изменить высоту значения по умолчанию при его первом появлении?

Вот список из вариантов я использую:

selector: "textarea",   
plugins: [ 
         "advlist autolink autosave link image lists charmap print preview hr anchor pagebreak spellchecker", 
         "searchreplace wordcount visualblocks visualchars code fullscreen insertdatetime media nonbreaking", 
         "table contextmenu template textcolor paste fullpage textcolor" 
       ], 

       toolbar1: "bold italic underline strikethrough | alignleft aligncenter alignright alignjustify | styleselect fontselect fontsizeselect", 
       toolbar2: "cut copy paste | searchreplace | bullist numlist | outdent indent blockquote | undo redo | code | inserttime preview | forecolor backcolor", 
       toolbar3: "table | hr removeformat | subscript superscript | charmap | print fullscreen | spellchecker | visualchars visualblocks nonbreaking template pagebreak restoredraft", 

       menubar: false, 
       toolbar_items_size: 'small', 

       templates: [ 
         {title: 'Test template 1', content: 'Test 1'}, 
         {title: 'Test template 2', content: 'Test 2'} 

]

Answer 1

Вы должны установить высоту объекта контейнера в CSS:

#inputText { 
    height : 10000000px; 
} 

Answer 2

Это работает для меня (см комплектTimeout часть)

$(function() { 
 
    window.init_tinymce = function (id, custom_config) { 
 
     var textarea = $('#' + id); 
 

 
     // Default TinyMCE configuration 
 
     var basic_config = { 
 
      mode: 'none', 
 
      plugins: "link", 
 
      menu: 'none', 
 
      toolbar: 'bold | formatselect | link' 
 
     }; 
 

 
     tinymce.init($.extend(basic_config, custom_config)); 
 
     ... 
 

 
     setTimeout(function(){ //wait for tinymce to load 
 
      console.log('timeout'); 
 
      $(tinymce.editors[0].iframeElement).contents().find('body') 
 
       .css('min-height', $(tinymce.editors[0].contentAreaContainer).height() * .9); 
 
     }, 1000); 
 
    }; 
 
});

Answer 3

из JavaScript

tinymce.init({ 
    selector: 'textarea', 
    height: 200 
}); 

ИЛИ от HTML

<textarea style="height: 200px;"> 

Answer 4

для TinyMCE версии до 4.X, этот код работает

tinyMCE.init({ 
    ..., 
    setup: function(editor) { 
     editor.onInit.add(function() { 
      var width = editor.getWin().clientWidth; 
      var height = 50; 

      editor.theme.resizeTo(width, height); 
     }); 
    } 
}); 

для TinyMCE версии 4.X и после, этот код работает

tinyMCE.init({ 
    setup: function (ed) { 
     ed.on('init', function(args) { 
     var id = ed.id; 
     var height = 25; 

     document.getElementById(id + '_ifr').style.height = height + 'px'; 
     }); 
    } 
});