如何设置tinymce textarea的高度

时间:2017-08-09 18:09:33

标签: css tinymce

无法设置tinymce textarea的高度。根据{{​​3}},它应该与原始替换文本区域的高度相同,在我的情况下 - 500px。

tinymce.init({
    selector: "#texedit",
    body_class: 'tiny01',
    content_css: "content.css",
});

content.css

.tiny01{
    background:lightgreen;
    overflow-y:scroll;
    height:500px;  // deosn't work
}

#texedit{
    height:500px;  // deosn't work
}

的main.css

#texedit{
    height:500px;  // deosn't work
}

texedit不是500px,而是高约100px。

2 个答案:

答案 0 :(得分:1)

您需要在init调用中设置此值。

tinymce.init({
    selector: "#texedit",
    body_class: 'tiny01',
    content_css: "content.css",
    height: "500"
});

答案 1 :(得分:1)

在你的css文件中添加你的id并指定一个高度



tinymce.init({
  selector: "#mytextarea"
});

#mytextarea {
  height: 700px;
  /*edit this*/
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/tinymce/4.1.2/tinymce.min.js">
</script>
<textarea id="mytextarea">Congratulations!</textarea>
&#13;
&#13;
&#13;