Jak zmienić rozmiar CKEditor tak, aby pasował do div rodzica

Question

Mam CKeditora, który jest umieszczony w div rodzica. Jaki jest najlepszy sposób, aby CKEditor dokładnie pasował do div i zmieniał rozmiar po zmianie rozmiaru div? Jeśli to możliwe, wolę rozwiązania, które nie obejmują jQuery. Jeśli nie jest to możliwe, rozwiązaniem może być użycie jQuery.

Answer 1

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

...

A potem, w razie wyboru, to zrobić:

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

nadzieję, że to pomogło.

Answer 2

Użyj atrybutu width, gdy wywołujesz ckeditor.

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

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


}); 

//]]> 
</script> 

Ponieważ wywołanie inicjalizacji edytora odbywa się za pomocą jquery, jest to najlepszy sposób.

edycja: Spowoduje to automatyczną zmianę rozmiaru cedruita, gdy zmieni się również szerokość div.