vue通过UEditor集成秀米
接入Ueditor
UEditor是由百度web前端研发部开发所见即所得富文本web编辑器,具有轻量,可定制,注重用户体验等特点,开源基于MIT协议,允许自由使用和修改代码:
- 下载代码放置到vue项目的静态资源目录(assets/public取决于你的vue-cli版本)
- 下载代码中的后台代码可进行删除
vue-ueditor-wrap
使用vue-ueditor-wrap,vue-ueditor-wrap是一个“包装”了 UEditor 的 Vue 组件,使用它可以快速集成
- vue-ueditor-wrap文档地址
- 安装npm i vue-ueditor-wrap或者yarn add vue-ueditor-wrap
- 注册组件
// 在main.js中全局注册 import VueUeditorWrap from 'vue-ueditor-wrap'; Vue.component('vue-ueditor-wrap', VueUeditorWrap);
- 组件内使用
<template> <VueUeditorWrap v-model="ueContent" :config="myConfig" /> </templat