如何增加tinymce iframe的高度？答案

【问题标题】：How to increase height of tinymce Iframe?如何增加tinymce iframe的高度？
【发布时间】：2013-12-13 06:39:05
【问题描述】：

在我的页面上有 3 个 tinymce 编辑器，它们位于不同的选项卡中。我想增加特定 tinymce 的 iframe 高度。

这些编辑器在模态框中。当我单击按钮时，它会打开不同的选项卡。

我已将我的 content_css 包含在 tinymce.yml 文件中

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

我已在 my_tinymce.css 中添加了我的 CSS，但它不起作用。

还在同一页面上添加了我的 jquery 代码以使用 jquery 更改高度但没有成功。

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

请帮忙。

【问题讨论】：

【解决方案1】：

终于找到了解决方案，在您的页面上添加以下行。这将为特定的文本区域创建特定的类。

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

并将这个my_tinymce 类添加到你想要的文本区域。

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

【讨论】：

【解决方案2】：

你可以试试：

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

我认为你的 jquery 代码的问题是“300px;”中的分号，你不需要那个

【讨论】：