tinymce重置textarea大小 - 錯誤以及如何修復它？

Question

我正在繪製兩個textareas，其中包含兩個div，一個用於英語，一個用於法語。我顯示/隱藏基於英文/法文下拉菜單的英文/法文div。

當我選擇法語來隱藏英文div並顯示法文div時，法語小寫mce textarea具有最小尺寸。當我拿走展示/隱藏時，textareas都畫得很好。這看起來像一個微小的MSE錯誤。無論如何要解決這個問題？

下面的代碼：

 $(function() { 
     $('textarea').tinymce({ 
      script_url: '/js/tiny_mce/tiny_mce.js', 
      theme: "advanced" 
     }); 

     $("#ddlLocales").change(function() { 
      $(".localizedInput").hide(); 
          //english or french 
      $("." + $("#ddlLocales option:selected").text()).show(); 
     }); 
     //this is to trigger the change function on load. 
     $("#ddlLocales").change(); 
    }); 

<div class="localizedInput english"> 

<textarea class = "eventInputTextArea"></textarea> 

</div> 

<div class="localizedInput French"> 
//this textarea's height and width get wiped out by tinymce only when implementing show/hide 
<textarea class = "eventInputTextArea"></textarea> 

<div> 

//below is the css class that specifies the width and height of textarea 
.eventInputTextArea{ 
    width:600px; 
    height:400px; 
} 

Answer 1

你可以嘗試specifying the styles inline。

Answer 2

解決方法：您可以在選擇法語隱藏英文div後更新heigth/width。

對於heigth設置此代碼可能看起來像

   iframe_id = ed.id + '_ifr'; // ed is the editor instance 
       style = $('#' + iframe_id).attr('style'); 
       style_arr = style.split(';'); // width is first [0] 
       style_mod = style_arr[0] + ';height:' + ed.getParam('height') + 'px;'; 
       $('#' + iframe_id).attr('style', style_mod); 

       // set table height 
       iframe_tbl = ed.id + '_tbl'; 
       style = $('#' + iframe_tbl).attr('style'); 
       style_arr = style.split(';'); // width is first [0] 
       style_mod = style_arr[0] + ';height:"10px;'; 
       $('#' + iframe_tbl).attr('style', style_mod); 

Answer 3

從TinyMCE inside hidden div are not displayed as enabled when we put the div visible，用戶的slolife回答幫我：

嘗試調用tinyMCE.init（...）取消隱藏包含div之後。