Question

我正在vue.js中试用ckeditor5，遇到一个无法手动设置高度的问题，下面是我的代码，如果做错任何事情，请告诉我。

<ckeditor :editor="editor" v-model="editorData" :config="editorConfig"></ckeditor>

data() {
        return {
            editor: Editor,
            editorData: '',
            editorConfig: {
                height: '500px'
            }
        }

Answer 1

经典编辑器（CKEditor 5）不再将编辑区域封装在中，这意味着可以使用CSS轻松控制编辑区域的高度（和类似选项）。例如，可以通过：

实现高度设置

<style>
  .ck-editor__editable {
    min-height: 500px;
   }
</style>

或

.ck-content { height:500px; }.

在vue.js中设置CKEditor的高度

1 个答案: