javascript - 如何调整 CKEditor 的大小以适合其父 div

Question

我有一个放置在父 div 中的 CKeditor。让 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 宽度也发生变化时自动调整大小。

Answer 3

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

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