富文本组件使用以及图片缩放和上传到接口并回显

1. html（代码复制在下面）

 <quill-editor
                v-model="form.instructions" 
                ref="myQuillEditor"
                :options="editorOption"
                @blur="onEditorBlur($event)" @focus="onEditorFocus($event)"
                @change="onEditorChange($event)" >
            </quill-editor>
            <input type="file" @change="change" id="upload" style="display:none;" /> 

 2.需要安装对应的插件

使用富文本时候安装插件：

npm i vue-quill-editor -S

进行图形的缩放

npm i quill-image-drop-module -S

npm i quill-image-resize-module -S

图片上传

npm i quill-image-extend-module -S

但是一般会报错，安装之后，下面会用另一种方法；（文章末尾）

在js中引用