如何增加tinymce Iframe的高度？

Question

在我的頁面上，有3個tinymce編輯器在不同的選項卡中。我想增加特定tinymce的iframe高度。

和這些編輯器都在模態框中。當我點擊按鈕，然後它打開不同的標籤。

我已經包括了我的tinymce.yml文件

mode: "exact" 
selector: "textarea.tinymce" 
theme: "modern" 
#encoding : "xml" 
convert_urls: false 
content_css: "/assets/my_tinymce.css" 

我已經加入我的CSS在這個my_tinymce.css content_css但它不能正常工作。

還在同一頁面上添加我的jQuery代碼來改變使用jQuery的高度，但沒有得到任何成功。

jQuery(document).ready(function(){ 
    $("#iframe_id_of_selected_tinymce").css("height","300px"); 
}); 

請大家幫忙。

Answer 1

終於得到了解決，添加以下您的網頁上的行。這將爲特定的文本區域創建特定的類。

<script> 
    tinyMCE.init({ 
     mode : "specific_textareas", 
     editor_selector : "my_tinymce", 
     height : "300px" 
    }); 
</script> 

並將此類my_tinymce類添加到您想要的textarea。

<textarea rows="10" name="textarea" id="textarea" cols="180" class="my_tinymce" aria-hidden="true"></textarea> 

Answer 2

你可以試試：

$("#iframe_id_of_selected_tinymce").height(500); 

我想與你的jQuery代碼的問題是在分號「爲300px;」，你不需要那麼