VUE——基于Element、quillEditor和VueCropper的富文本图片剪切上传

我们要实现的功能如下：

步骤一、上传图片

步骤二、剪切图片

步骤三、生成新图片

安装组件：我使用Yarn

yarn add vue-quill-editor quill vue-cropper
或者使用npm
npm install -d vue-quill-editor quill vue-cropper

element组件请自行下载并引入

实现代码如下：

第一部分：综合组件部分，本文件放置余conponent文件夹下，名为textEditor.vue：

第二部分：调用代码，本文件放置于page目录的子文件夹下

以上为所有代码，欢迎朋友们使用。

参考文章：https://www.jianshu.com/p/21dab85b7fa8。欢迎指正。