Frankie/tauri-markdown
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 8 Wiki Activity

feat: 支持用户自定义编辑器的 imageUploadURL, 并从本地存储和加载该值

Browse Source
This commit is contained in:
Frankie Huang 2025-04-08 02:19:41 +08:00
parent 95529f6111
commit 84275806d9
1 changed files with 11 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/App.vue
View File

@ -16,6 +16,12 @@ async function greet() {
} }
const markdownRef = ref(null); const markdownRef = ref(null);
// 支持从 localStorage 读写 imageUploadURL
const imageUploadURLOfEditor = ref(localStorage.getItem('imageUploadURLOfEditor') || "")
function changeImageUploadURL(newImageUploadURL) {
console.log("new imageUploadURL: ", newImageUploadURL)
localStorage.setItem('imageUploadURLOfEditor', newImageUploadURL)
}
// 矫正 markdown 编辑器的高度 // 矫正 markdown 编辑器的高度
function reloadEditorHeight() { function reloadEditorHeight() {
markdownRef.value.resetHeight(window.innerHeight) markdownRef.value.resetHeight(window.innerHeight)
@ -105,8 +111,8 @@ async function writeFileContent() {
<Split v-model="split"> <Split v-model="split">
<template #left> <template #left>
<div class="split-left"> <div class="split-left">
<SelectFolder :class="hiddenSplitRight" :rootPath="rootPathOfFolderTree" @update:rootPath="changeRootPath" <SelectFolder :class="hiddenSplitRight" :rootPath="rootPathOfFolderTree"
@folder-selected="showFileTree" /> @update:rootPath="changeRootPath" @folder-selected="showFileTree" />
<FolderTree :class="hiddenSplitRight" :treeData="folderTreeData" :expandLevel="1" <FolderTree :class="hiddenSplitRight" :treeData="folderTreeData" :expandLevel="1"
:specifyFileSuffix="['md']" @file-selected="loadFileContent" /> :specifyFileSuffix="['md']" @file-selected="loadFileContent" />
</div> </div>
@ -117,7 +123,9 @@ async function writeFileContent() {
<template #right> <template #right>
<div ref="splitRight" class="split-right"> <div ref="splitRight" class="split-right">
<MarkdownEditor ref="markdownRef" width="100%" height="100%" markdownCode="# hello tauri" <MarkdownEditor ref="markdownRef" width="100%" height="100%" markdownCode="# hello tauri"
:onload="reloadEditorHeight" :onfullscreenExit="handleWindowResize" @update:markdownCode="writeFileContent" /> :imageUpload="true" :imageUploadURL="imageUploadURLOfEditor"
:imageUploadURLChange="changeImageUploadURL" :onload="reloadEditorHeight"
:onfullscreenExit="handleWindowResize" @update:markdownCode="writeFileContent" />
</div> </div>
</template> </template>
</Split> </Split>