# vue-ueditor-wrap

**Repository Path**: zhangleibin/vue-ueditor-wrap

## Basic Information

- **Project Name**: vue-ueditor-wrap
- **Description**: 1.一款与vue结合的所见即所得的比较好用的富文本编辑器2.Vue + UEditor + v-model 双向绑定3.结合vue-cli搭建的项目使用
- **Primary Language**: HTML/CSS
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2019-04-29
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# vue-ueditor-wrap

#### 介绍
1.一款与vue结合的所见即所得的比较好用的富文本编辑器
2.Vue + UEditor + v-model 双向绑定
3.结合vue-cli+webpack搭建的项目使用

#### 软件架构
本例子是一个仅供个人参考的demo


#### 安装教程

1. 如果未安装vue-cli开发环境,可使用(全局安装,假设已经存在了npm环境或者cnpm环境)npm install -g vue-cli
2. 新建项目vue init webpack mydemo(不允许出现大写字母,), 如果出现[Command vue init requires a global addon to be installed.
  Please run yarn global add @vue/cli-init and try again.]则说明命令您使用的3.x版本的cli已经改变,使用vue create mydemo,如果你仍然需要使用旧版本的 vue init 功能还是可以实现的，只需要使用以下命令npm install -g @vue/cli-init,`vue init` 的运行效果将会跟 `vue-cli@2.x` 相同
vue init webpack my-project 
3. 执行npm i vue-ueditor-wrap --save
4. 下载处理后的UEditor[](git clone https://github.com/HaoChuan9421/vue-ueditor-wrap.git)
5. 解压你需要的那个.zip文件后，重命名文件夹为UEditor，放入public文件夹下（如果是旧项目对应放入static文件夹）
6. 使用vue-cli创建项目是报了如下错误： command failed: npm install --loglevel error --registry=https://registry.npm.taobao.org --disturl=https://npm.taobao.org/dist
7. npm cache clean --force 清除npm的缓存
8. npm install chromedriver --chromedriver_cdnurl=http://cdn.npm.taobao.org/dist/chromedriver
9. 结合此demo,引入到About.vue目录下,并注册为该视图的组件
10. 首次运行,控制台报如下错误(加载ueditor.config.js失败,请检查您的配置地址UEDITOR_HOME_URL填写是否正确!),在About.vue配置相关参数即可

#### 使用说明

1.  此demo,结合是vue-cli3.x构建 
2. 结合此demo,将编辑器 组件引入到About.vue目录下,并注册为该视图的组件
3. 相关功能主要结合UEditor目录下config.json与config.jsp配置

#### 参与贡献

1. Fork 本仓库
2. 新建 Feat_xxx 分支
3. 提交代码
4. 新建 Pull Request


#### 码云特技

1. 使用 Readme\_XXX.md 来支持不同的语言，例如 Readme\_en.md, Readme\_zh.md
2. 码云官方博客 [blog.gitee.com](https://blog.gitee.com)
3. 你可以 [https://gitee.com/explore](https://gitee.com/explore) 这个地址来了解码云上的优秀开源项目
4. [GVP](https://gitee.com/gvp) 全称是码云最有价值开源项目，是码云综合评定出的优秀开源项目
5. 码云官方提供的使用手册 [https://gitee.com/help](https://gitee.com/help)
6. 码云封面人物是一档用来展示码云会员风采的栏目 [https://gitee.com/gitee-stars/](https://gitee.com/gitee-stars/)