diff --git a/src/components/Editor/index.vue b/src/components/Editor/index.vue index d2467f1..be7f24a 100644 --- a/src/components/Editor/index.vue +++ b/src/components/Editor/index.vue @@ -2,7 +2,6 @@
+
@@ -64,18 +64,30 @@ const options = ref({ debug: 'warn', modules: { // 工具栏配置 - toolbar: [ - ['bold', 'italic', 'underline', 'strike'], // 加粗 斜体 下划线 删除线 - ['blockquote', 'code-block'], // 引用 代码块 - [{ list: 'ordered' }, { list: 'bullet' }], // 有序、无序列表 - [{ indent: '-1' }, { indent: '+1' }], // 缩进 - [{ size: ['small', false, 'large', 'huge'] }], // 字体大小 - [{ header: [1, 2, 3, 4, 5, 6, false] }], // 标题 - [{ color: [] }, { background: [] }], // 字体颜色、字体背景颜色 - [{ align: [] }], // 对齐方式 - ['clean'], // 清除文本格式 - ['link', 'image', 'video'] // 链接、图片、视频 - ] + toolbar: { + container: [ + ["bold", "italic", "underline", "strike"], // 加粗 斜体 下划线 删除线 + ["blockquote", "code-block"], // 引用 代码块 + [{ list: "ordered" }, { list: "bullet" }], // 有序、无序列表 + [{ indent: "-1" }, { indent: "+1" }], // 缩进 + [{ size: ["small", false, "large", "huge"] }], // 字体大小 + [{ header: [1, 2, 3, 4, 5, 6, false] }], // 标题 + [{ color: [] }, { background: [] }], // 字体颜色、字体背景颜色 + [{ align: [] }], // 对齐方式 + ["clean"], // 清除文本格式 + ["link", "image", "video"] // 链接、图片、视频 + ], + handlers: { + image: function (value: any) { + if (value) { + // 调用element图片上传 + proxy?.$refs.uploadRef.click(); + } else { + Quill.format("image", true); + } + }, + }, + } }, placeholder: '请输入内容', readOnly: props.readOnly