如何调整CKEditor的大小以适应它的父div

Question

我有一个CKeditor，它被放置在父div中。在div调整大小时，让CKEditor完全适合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初始化编辑器的调用，这是最好的方法。

编辑：当div宽度改变时，这将导致ckeditor自动调整大小。

Answer 3

如果现在有人需要这个，我将它添加到我的 css 文件中：

#cke_id_text {
  width: fit-content!important;
}