在Vue.js中设置CKEditor的高度

Sau*_*shi 3 javascript css ckeditor vue.js vuejs2

ckeditor5在vue.js中进行尝试,遇到一个无法手动设置高度的问题,以下是我的代码,请问是否做错任何事情。

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

data() {
        return {
            editor: Editor,
            editorData: '',
            editorConfig: {
                height: '500px'
            }
        }
Run Code Online (Sandbox Code Playgroud)

Bou*_*him 6

传统编辑器(CKEditor 5)不再将编辑区域封装在中,这意味着可以使用CSS轻松控制编辑区域的高度(和类似选项)。例如,可以通过以下方式实现高度设置:

<style>
  .ck-editor__editable {
    min-height: 500px;
   }
</style>
Run Code Online (Sandbox Code Playgroud)

要么

.ck-content { height:500px; }.
Run Code Online (Sandbox Code Playgroud)