如何調整CKEditor以適應它的父div

Question

我有一個CKeditor放置在父div中。什麼是最好的方式讓CKEditor完全適合div並調整div大小時調整大小？如果可能的話，我寧願不涉及jQuery的解決方案。如果這是不可能的解決方案使用jQuery將罰款。

Answer 1

var editor = CKEDITOR.replace('editor'); 

...

然後，在你選擇的情況下，這樣做：

editor.resize($("#elem").width(),$("#elem").height()); 

希望這有助於。

Answer 2

當你調用ckeditor時使用width屬性。

<script type="text/javascript"> 
//<![CDATA[ 

CKEDITOR.replace('page_content', 
{ 
    toolbar : 'MyToolbar', 
    width : '100%' 


}); 

//]]> 
</script> 

由於初始化編輯器中調用使用jQuery做，這是最好的方式。

編輯：這將導致ckeditor在div寬度也發生變化時自動調整大小。