vue+vue-ueditor-wrap+秀米

最新推荐文章于 2024-06-27 15:07:55 发布

鲤小鱼爱吃肉-

最新推荐文章于 2024-06-27 15:07:55 发布

阅读量2.2k

点赞数 3

分类专栏： vue 文章标签： vue ueditor 秀米

本文链接：https://blog.csdn.net/lixiaoyu_/article/details/97687205

版权

本文介绍了如何在Vue项目中使用vue-ueditor-wrap组件结合ueditor，实现与秀米的集成。首先从ueditor官网下载源码，然后在项目中安装vue-ueditor-wrap，接着在main.js和组件中引入并配置。最后，通过修改ueditor.config.js和引入秀米相关文件，完成秀米图文排版的接入，实现了富文本编辑器的双向数据绑定功能。

摘要由CSDN通过智能技术生成

我们的项目中使用的是ueditor+秀米的富文本编辑器，github上的大神做了一个基于vue的ueditor的组件，能够实现双向数据绑定，可以不用费劲的getContent、setContent。就决定用这个组件 —— vue-ueditor-wrap 。so~ vue+vue-ueditor-wrap+秀米. 开始吧 ?⤵︎

一：去ueditor官网下载官方源码

https://ueditor.baidu.com/website/download.html
下载完成后，放到你的Vue项目里static下并命名为UEditor。

二：安装vue-ueditor-wrap

npm i vue-ueditor-wrap

三：引入并使用

main.js

// The Vue build version to load with the `import` command
// (runtime-only or standalone) has been set in webpack.base.conf with an alias.
import Vue from 'vue'
import App from './App'
import router from './router'
// 引入ueditor的依赖文件
import '../static/UEditor/ueditor.config'
import '../static/UEditor/ueditor.all.min.js&