vue3.0中如何使用ueditor

Posted 2021-02-14 lzcblog

1.在官网下载一个ueditor版本[https://ueditor.baidu.com/website/download.html]，解压后放到public文件下的static文件中重命名为Editor

（自己建立一个static文件，直接放到public文件下会出错）。

2.修改相应的配置。

ueditor.config.js中

window.UEDITOR_HOME_URL = "/Editor/";

var URL = window.UEDITOR_HOME_URL || getUEBasePath();

 

在要使用的组件中

下载 vue-ueditor-wrap

引入

import VueUeditorWrap from "vue-ueditor-wrap";

注册组件

components: {

VueUeditorWrap

},

 

使用：

<vue-ueditor-wrap v-model="content"/>

 

3.根据需要修改对应的样式。

ueditor.config.js中

initialFrameWidth:1200 //初始化编辑器宽度,默认1000

,initialFrameHeight:320 //初始化编辑器高度,默认320