From b94750384acadfada92cda50ab2e0772d0814e5e Mon Sep 17 00:00:00 2001
From: YangFong <yangfong2022@qq.com>
Date: Thu, 22 Aug 2024 08:47:40 +0800
Subject: [PATCH] fix: error of insert action (#339)

---
 src/components/CodemirrorEditor/InsertFormDialog.vue | 10 +++-------
 src/views/CodemirrorEditor.vue                       |  8 ++++----
 2 files changed, 7 insertions(+), 11 deletions(-)

diff --git a/src/components/CodemirrorEditor/InsertFormDialog.vue b/src/components/CodemirrorEditor/InsertFormDialog.vue
index ade2f24..6cf2351 100644
--- a/src/components/CodemirrorEditor/InsertFormDialog.vue
+++ b/src/components/CodemirrorEditor/InsertFormDialog.vue
@@ -1,11 +1,11 @@
 <script setup>
-import { ref } from 'vue'
+import { ref, toRaw } from 'vue'
 import { useStore } from '@/stores'
 import { createTable } from '@/utils'
 
 const store = useStore()
 
-const { formatContent, toggleShowInsertFormDialog } = store
+const { toggleShowInsertFormDialog } = store
 
 const rowNum = ref(3)
 const colNum = ref(3)
@@ -24,12 +24,8 @@ function insertTable() {
     cols: colNum.value,
     data: tableData.value,
   })
-  store.editor.operation(() => {
-    store.editor.replaceSelection(`\n${table}\n`, `end`)
-  })
-  store.editorRefresh()
+  toRaw(store.editor).replaceSelection(`\n${table}\n`, `end`)
   resetVal()
-  formatContent()
   toggleShowInsertFormDialog()
 }
 </script>
diff --git a/src/views/CodemirrorEditor.vue b/src/views/CodemirrorEditor.vue
index bacdb55..4429c01 100644
--- a/src/views/CodemirrorEditor.vue
+++ b/src/views/CodemirrorEditor.vue
@@ -1,5 +1,5 @@
 <script setup>
-import { onMounted, ref } from 'vue'
+import { onMounted, ref, toRaw } from 'vue'
 import { storeToRefs } from 'pinia'
 import { ElMessage } from 'element-plus'
 import CodeMirror from 'codemirror'
@@ -180,10 +180,10 @@ function uploaded(imageUrl) {
   const cursor = editor.value.getCursor()
   const markdownImage = `![](${imageUrl})`
   // 将 Markdown 形式的 URL 插入编辑框光标所在位置
-  editor.value.replaceSelection(`\n${markdownImage}\n`, cursor)
+  toRaw(store.editor).replaceSelection(`\n${markdownImage}\n`, cursor)
   ElMessage.success(`图片上传成功`)
-  formatContent()
-  onEditorRefresh()
+  // formatContent()
+  // onEditorRefresh()
 }
 function uploadImage(file, cb) {
   isImgLoading.value = true