|
@@ -58,17 +58,20 @@ const handleUpload = (e) => {
|
|
|
}
|
|
|
const formdata = new FormData();
|
|
|
formdata.append("file", files[0]);
|
|
|
- backsite.uploadFile(formdata)
|
|
|
- .then(res => {
|
|
|
- if (res.data.url) {
|
|
|
- const quill = toRaw(myQuillEditor.value).getQuill()
|
|
|
- const length = quill.getSelection().index
|
|
|
- // 插入图片,res为服务器返回的图片链接地址
|
|
|
- quill.insertEmbed(length, 'image', res.data.url)
|
|
|
- // 调整光标到最后
|
|
|
- quill.setSelection(length + 1)
|
|
|
- }
|
|
|
- })
|
|
|
+ backsite.uploadFile(formdata).then((res) => {
|
|
|
+ if (res.data.url) {
|
|
|
+ const quill = toRaw(myQuillEditor.value).getQuill();
|
|
|
+ const length = quill.getSelection().index;
|
|
|
+ // 插入图片,res为服务器返回的图片链接地址
|
|
|
+ quill.insertEmbed(length, "image", res.data.url);
|
|
|
+ // 调整光标到最后
|
|
|
+ quill.setSelection(length + 1);
|
|
|
+ }
|
|
|
+ });
|
|
|
+};
|
|
|
+const changeHtml = (val) => {
|
|
|
+ toRaw(myQuillEditor.value).setHTML(val);
|
|
|
+ setValue()
|
|
|
};
|
|
|
onMounted(() => {
|
|
|
const quill = toRaw(myQuillEditor.value).getQuill();
|
|
@@ -77,6 +80,9 @@ onMounted(() => {
|
|
|
}
|
|
|
toRaw(myQuillEditor.value).setHTML(props.value);
|
|
|
});
|
|
|
+defineExpose({
|
|
|
+ changeHtml,
|
|
|
+});
|
|
|
</script>
|
|
|
<style scoped lang="scss">
|
|
|
:deep(.ql-editor) {
|