Javascript 调整编辑器大小以实现响应性设计

我试图在一个响应性设计上使用CKEditor，但我无法获得工作所需的高度。以下代码使用height define将文本区域的大小调整为100%，这会溢出包含的div

        CKEDITOR.replace( 'article', {
            toolbar: [
                { name: 'basicstyles', items: [ 'Bold', 'Italic' ] },
                { name: 'paragraph', items : [ 'NumberedList','BulletedList','-','Blockquote' ] },
                { name: 'links', items : [ 'Link','Unlink' ] },
                { name: 'insert', items : [ 'Image' ] }
            ],
            uiColor: '#f9fafb',
            height: '100%'
        });

我找到了下面的代码，但我不知道该粘贴到哪里。我还尝试过编辑config.js，并遵循CKEDitor网站上的所有文档。他们告诉你做什么，但不告诉你在哪里做

editor.resize( '100%', '350', true );

理论上，“true”将使高度包括整个编辑器，而不仅仅是文本区域，但我不知道它属于哪里

包含编辑器的div使用以下CSS：

height: -moz-calc(100% - 400px);
height: -webkit-calc(100% - 400px);
height: calc(100% - 400px);

---

如果你想进行响应，需要更改

config.js中的设置

CKEDITOR.editorConfig = function (config) {

    config.width = "auto";
    config.height = "auto";

找到哪个div具有固定宽度，并强制其宽度为
auto

#cke_description {
    width: auto !important;
}

在django的
版本4.4.4
上为我工作时，我必须在
设置.py
文件中将宽度设置为
auto
：

CKEDITOR_CONFIGS = {
'default': {
    'toolbar': None, #You can change this based on your requirements.
    'width': 'auto',

          },
    }

你需要点击窗口的
resize
事件，然后在那里进行JavaScript调整大小。你能给我一个如何进行调整的线索吗？CKEditor已经提供了/requires jQuery，对吗？如果是，请查看jQuery的
.resize（）
事件中的示例：将
编辑器.resize（）
放入该函数中，并将新的所需像素宽度传递给它。请注意
CKEDITOR.replace
返回
编辑器
对象。您还可以在全局
CKEDITOR.instances
对象中找到您的实例。是的，非常感谢。这正按预期工作！：））