ckeditor消耗所有可用高度？

任何方式我可以有ckeditor消耗100%height動態？ckeditor消耗所有可用高度？

http://jsfiddle.net/bobbyrne01/jejmqjxa/1/

HTML

<div id="outer"> 
    <textarea class="ckeditor" id="editor1" name="editor1"></textarea> 
</div> 
<button>test</buton>

CSS

#outer { 
    width: 95%; 
    height:500px; 
}

enter image description here

來源

2014-12-21 bobbyrne01

雖然檢查它不支持尚未設置高度%的CKEditor的文檔http://docs.ckeditor.com/#!/api/CKEDITOR.config-cfg-height所以爲了得到所需的結果，我建議通過CSS設置高度爲100%而不是ckedtior.config使用javascript讀取屏幕高度，設置負載和窗口大小調整大小並將其作爲值放入外部元素高度。

可能聽起來像很多工作，但並不像棘手。 Updated fiddle here

CSS添加（讓你可能具有加載網頁上的所有ckeditors）

div[id^=cke_editor] { 
    height:100%; 
}

JavaScript設置外div的高度在頁面加載

document 
    .getElementById("outer") 
    .style.height = window.innerHeight+"px";

如果你想有這個工作window resize我建議使用jQuery，但是你可以不用。下面是如何（有和沒有jQuery）：Cross-browser window resize event - JavaScript/jQuery

來源

2014-12-21 14:57:59 caramba

視覺上這個按照需要工作，但是當我在ckeditor中鍵入文本時，編輯器的大小仍然小於屏幕高度的一半，即按下'enter '〜5次 – bobbyrne01

@ bobbyrne01 damm verry true，你試過這個：http://stackoverflow.com/questions/1546408/ckeditor-3-0-height – caramba

ckeditor消耗所有可用高度？

回答

相關問題