直接上代码吧
结构:
<div style="margin-top:30px">
<el-card style="height: 610px;">
<!-- <quill-editor v-model="documentInfo.content" ref="myQuillEditor" style="height: 500px;" :options="editorOption">
</quill-editor> -->
<el-upload
class="avatar-uploader"
action="#"
accept="image/jpg, image/jpeg, image/png, image/gif"
:http-request="upload"
:show-file-list="false">
<i class="el-icon-plus avatar-uploader-icon"></i>
</el-upload>
<quill-editor
style="height: 500px;"
class="info-editor"
v-model="documentInfo.content"
ref="myQuillEditor"
:options="editorOption">
</quill-editor>
</el-card>
</div>
js:
<script>
import {
quillEditor } from 'vue-quill-editor'
import 'quill/dist/quill.core.css'
import 'quill/dist/quill.snow.css'
import 'quill/dist/quill.bubble.css'
import COS from "cos-js-sdk-v5";
import {
credential, cosConfig, useCos } from "@/common/service";
const toolbarOptions = [
['bold', 'itali