如何增加tinymce iframe的高度？

Question

在我的页面上有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");
});

请帮忙。

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;”中的半冒号，你不需要那个