vue3.0中如何使用ueditor

2023-04-27,,

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

vue3.0中如何使用ueditor的相关教程结束。

《vue3.0中如何使用ueditor.doc》

下载本文的Word格式文档,以方便收藏与打印。