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