如何設置tinymce textarea的高度

Question

不能設置tinymce textarea的高度。根據documentation，它應該與原始替換的textarea的高度相同，在我的情況下爲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不是500像素，但有關100px的高度。

Answer 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>

Answer 2

您需要在init調用中設置此值。

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