jquery - 如何增加tinymce Iframe的高度？

Question

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

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

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

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 rows="10" name="textarea" id="textarea" cols="180" class="my_tinymce" aria-hidden="true"></textarea>