fix: error of insert action (#339)

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(() => {
+  toRaw(store.editor).replaceSelection(`\n${table}\n`, `end`)
-    store.editor.replaceSelection(`\n${table}\n`, `end`)
-  })
-  store.editorRefresh()
   resetVal()
-  formatContent()
   toggleShowInsertFormDialog()
 }
 </script>

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()
+  // formatContent()
-  onEditorRefresh()
+  // onEditorRefresh()
 }
 function uploadImage(file, cb) {
   isImgLoading.value = true