编辑文章富文本粘贴图片修复

master 智信云管理系统V1.1
yujialong 3 years ago
parent f825231fc0
commit 257ddaccc8
  1. 7
      src/components/quill/options.js
  2. 19
      src/views/title/Editphoto.vue

@ -5,5 +5,12 @@ export default [
[{ "list": "ordered" }, { "list": "bullet" }], [{ "list": "ordered" }, { "list": "bullet" }],
[{ "script": "sub" }, { "script": "super" }], [{ "script": "sub" }, { "script": "super" }],
[{ "indent": "-1" }, { "indent": "+1" }], [{ "indent": "-1" }, { "indent": "+1" }],
[{ "direction": "rtl" }],
[{ "size": ["small", false, "large", "huge"] }],
[{ "header": [1, 2, 3, 4, 5, 6, false] }],
[{ "color": [] }, { "background": [] }],
[{ "font": [] }],
[{ "align": [] }],
["clean"], ["clean"],
["link", "image", "video"]
]; ];

@ -48,13 +48,7 @@
></el-input> ></el-input>
</el-form-item> </el-form-item>
<el-form-item label="文章内容" :label-width="formLabelWidth"> <el-form-item label="文章内容" :label-width="formLabelWidth">
<!-- 富文本编辑器 --> <quill :border="true" v-model="photoForm.textContent" :height="300" />
<quill-editor
ref="text"
v-model="photoForm.textContent"
class="myQuillEditor"
:options="editorOption"
/>
<el-upload class="avatar-uploaders" <el-upload class="avatar-uploaders"
action="http://zxyicloud.com/msdw/aliyun/uploadFiles" action="http://zxyicloud.com/msdw/aliyun/uploadFiles"
name="img" name="img"
@ -151,12 +145,7 @@
</el-upload> </el-upload>
</el-form-item> </el-form-item>
<el-form-item label="文章内容" :label-width="formLabelWidth"> <el-form-item label="文章内容" :label-width="formLabelWidth">
<quill-editor <quill :border="true" v-model="videoForm.textContent" :height="300" />
ref="text"
v-model="videoForm.textContent"
class="myQuillEditor"
:options="editorOption"
/>
<el-upload class="avatar-uploaders" <el-upload class="avatar-uploaders"
action="http://zxyicloud.com/msdw/aliyun/uploadFiles" action="http://zxyicloud.com/msdw/aliyun/uploadFiles"
name="img" name="img"
@ -274,7 +263,7 @@
</template> </template>
<script> <script>
import { editArticle } from "@/apis/request.js"; import { editArticle } from "@/apis/request.js";
import { quillEditor } from "vue-quill-editor"; import quill from "@/components/quill";
import { allColumn } from "@/apis/request.js"; import { allColumn } from "@/apis/request.js";
import moment from "moment"; import moment from "moment";
import { joggle } from "@/apis/request.js"; import { joggle } from "@/apis/request.js";
@ -282,7 +271,7 @@ import { getColumnallarticle } from "@/apis/request.js";
import { getColumnarticle } from "@/apis/request.js"; import { getColumnarticle } from "@/apis/request.js";
export default { export default {
components: { components: {
quillEditor, quill,
}, },
data() { data() {

Loading…
Cancel
Save