amass/md
1
0
Fork 0
mirror of https://github.com/doocs/md.git synced 2024-11-28 13:36:32 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix: error of insert action (#339)

Browse Source
This commit is contained in:
YangFong 2024-08-22 08:47:40 +08:00 committed by GitHub
parent 1a7eeab9ff
commit b94750384a
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 7 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/CodemirrorEditor/InsertFormDialog.vue
View File

@ -1,11 +1,11 @@
<script setup> <script setup>
import { ref } from 'vue' import { ref, toRaw } from 'vue'
import { useStore } from '@/stores' import { useStore } from '@/stores'
import { createTable } from '@/utils' import { createTable } from '@/utils'
const store = useStore() const store = useStore()
const { formatContent, toggleShowInsertFormDialog } = store const { toggleShowInsertFormDialog } = store
const rowNum = ref(3) const rowNum = ref(3)
const colNum = ref(3) const colNum = ref(3)
@ -24,12 +24,8 @@ function insertTable() {
cols: colNum.value, cols: colNum.value,
data: tableData.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() resetVal()
formatContent()
toggleShowInsertFormDialog() toggleShowInsertFormDialog()
} }
</script> </script>

8
src/views/CodemirrorEditor.vue
View File

@ -1,5 +1,5 @@
<script setup> <script setup>
import { onMounted, ref } from 'vue' import { onMounted, ref, toRaw } from 'vue'
import { storeToRefs } from 'pinia' import { storeToRefs } from 'pinia'
import { ElMessage } from 'element-plus' import { ElMessage } from 'element-plus'
import CodeMirror from 'codemirror' import CodeMirror from 'codemirror'
@ -180,10 +180,10 @@ function uploaded(imageUrl) {
const cursor = editor.value.getCursor() const cursor = editor.value.getCursor()
const markdownImage = `![](${imageUrl})` const markdownImage = `![](${imageUrl})`
// 将 Markdown 形式的 URL 插入编辑框光标所在位置 // 将 Markdown 形式的 URL 插入编辑框光标所在位置
editor.value.replaceSelection(`\n${markdownImage}\n`, cursor) toRaw(store.editor).replaceSelection(`\n${markdownImage}\n`, cursor)
ElMessage.success(`图片上传成功`) ElMessage.success(`图片上传成功`)
formatContent() // formatContent()
onEditorRefresh() // onEditorRefresh()
} }
function uploadImage(file, cb) { function uploadImage(file, cb) {
isImgLoading.value = true isImgLoading.value = true