华佗养生网
您的当前位置:首页ckeditor5富文本编辑器在vue中的使用

ckeditor5富文本编辑器在vue中的使用

来源:华佗养生网
ckeditor5富⽂本编辑器在vue中的使⽤

安装依赖:

npm install --save @ckeditor/ckeditor5-vue @ckeditor/ckeditor5-build-classic

要创建编辑器实例,必须⾸先将编辑器构建和组件模块导⼊应⽤程序的根⽂件中(例如,main.js在由Vue CLI⽣成时)。然后,使⽤以下⽅法启⽤组件:

import Vue from 'vue';

import CKEditor from '@ckeditor/ckeditor5-vue';Vue.use( CKEditor );

在组件中的具体使⽤⽅式如下:

设置ckeditor5输⼊区域的⾼度:

因篇幅问题不能全部显示,请点此查看更多更全内容