设置 CKEditor 单个实例样式的方法？

Question

我正在尝试设置我的 ckeditor 的 width/height（包括 min/max 宽度和高度）的样式。我在 this post 中运行（关于样式 .ck-editor__editable_inline），但问题是我在一个页面上有多个编辑器实例，并且想要有不同的 heights/widths编辑器的不同实例。

我已经尝试手动挂起特定 div 的最小高度与 .ck-editor__editable_inline class 到 javascript （样式 editor.ui.view.editable._editableElement），但是在聚焦时编辑器，样式消失了。

Answer 1

我发现解决此问题的一种方法是通过此 post 中提到的方法，即每次更改编辑器的焦点时再次应用样式。在我的案例中，这导致了以下代码：

CKEditor.PostEditor.create(e)
    .then(editor => {
        $('#submit-body-form').next().find('.ck-editor__editable_inline').addClass('post-editor-min-height');
        editor.ui.focusTracker.on('change:isFocused', (evt, name, value) => {
            $('#submit-body-form').next().find('.ck-editor__editable_inline').addClass('post-editor-min-height');
        });
    })

设置 CKEditor 单个实例样式的方法？

Way to style individual instances of CKEditors?

ckeditor5