码迷,mamicode.com
首页 > 其他好文 > 详细

vue3.0中如何使用ueditor

时间:2019-03-22 19:08:03      阅读:1674      评论:0      收藏:0      [点我收藏+]

标签:下载   wrap   div   Edito   ext   stat   引入   编辑器   ||   

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

标签:下载   wrap   div   Edito   ext   stat   引入   编辑器   ||   

原文地址:https://www.cnblogs.com/lzcblog/p/10580008.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!