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