+
+ )}
{appearanceOpen && (
+
+ 上传图片到 S3
+ {!s3Progress.finished ? ( +正在上传 {Math.min(s3Progress.done + 1, s3Progress.total)} / {s3Progress.total}：{s3Progress.current}
+ ) : ( + <> +完成：成功 {s3Progress.total - s3Progress.errors.length} 张，失败 {s3Progress.errors.length} 张。
+ {s3Progress.errors.map((err, i) => ( +{err}
+ ))} + + )} +
+
+
+ act('link')}>超链接…
)}
+ {showUpload && (
+ <>
+
+
+
+ )}
diff --git a/src/components/EditorPane.tsx b/src/components/EditorPane.tsx
index 3bc0cbd..172f14a 100644
--- a/src/components/EditorPane.tsx
+++ b/src/components/EditorPane.tsx
@@ -3,7 +3,7 @@ import TableToolbar from './TableToolbar'
import type { Editor } from '@milkdown/kit/core'
import { editorViewCtx } from '@milkdown/kit/core'
import { TextSelection } from '@milkdown/kit/prose/state'
-import { createMarkdownEditor, getMarkdown, type CursorInfo } from '../editor/editor'
+import { createMarkdownEditor, getMarkdown, collectImageSrcs, replaceImageSrc as replaceImageSrcInEditor, imageSrcAtElement, type CursorInfo } from '../editor/editor'
import { findBlockIndex, type CursorAnchor } from '../editor/cursorSync'
import { buildTextIndex, findInIndex, type FindOptions, type MatchRange } from '../editor/search'
import { setFocusModeEnabled, refreshFocusDecorations } from '../editor/plugins'
@@ -19,6 +19,12 @@ export interface EditorPaneApi {
replaceCurrent: (replacement: string) => boolean
replaceAll: (replacement: string) => number
clearFind: () => void
+ /** 文档里全部图片 src（去重）——S3 上传扫描用 */
+ listImages: () => string[]
+ /** 把 src 为 oldSrc 的图片节点全部换成 newSrc，返回替换数 */
+ replaceImageSrc: (oldSrc: string, newSrc: string) => number
+ /** 某 DOM 元素对应的图片节点 src（右键命中图片判定） */
+ imageSrcForElement: (el: HTMLElement) => string | null
}
interface Props {
@@ -48,6 +54,9 @@ const EMPTY_API: EditorPaneApi = {
replaceCurrent: () => false,
replaceAll: () => 0,
clearFind: () => undefined,
+ listImages: () => [],
+ replaceImageSrc: () => 0,
+ imageSrcForElement: () => null,
}
/** 单标签编辑器宿主：挂载时以标签内容建模，卸载前回写最终序列化文本，保证切标签不丢内容。 */
@@ -231,6 +240,13 @@ export default function EditorPane({ tabId, initialMarkdown, onMarkdown, onFinal
const clearFind = () => {
findRef.current = { matches: [], current: -1, query: '', opts: null }
}
+ const listImages = (): string[] => {
+ try { return collectImageSrcs(editor) } catch { return [] }
+ }
+ const replaceImageSrc = (oldSrc: string, newSrc: string): number => {
+ try { return replaceImageSrcInEditor(editor, oldSrc, newSrc) } catch { return 0 }
+ }
+ const imageSrcForElement = (el: HTMLElement): string | null => imageSrcAtElement(editor, el)
editor.create()
.then(() => {
// 已卸载（关标签/保活淘汰/epoch 重挂）时不再注册 API：cleanup 已
@@ -241,7 +257,7 @@ export default function EditorPane({ tabId, initialMarkdown, onMarkdown, onFinal
try {
editor.action((ctx) => refreshFocusDecorations(ctx.get(editorViewCtx) as never))
} catch { /* 忽略 */ }
- callbacksRef.current.onReady({ editor, jumpToHeading, getAnchor, setCursorByAnchor, findAll, gotoMatch, replaceCurrent, replaceAll, clearFind })
+ callbacksRef.current.onReady({ editor, jumpToHeading, getAnchor, setCursorByAnchor, findAll, gotoMatch, replaceCurrent, replaceAll, clearFind, listImages, replaceImageSrc, imageSrcForElement })
if (chunkLoad) {
setLoadProgress({ done: 1, total: chunkLoad.totalChunks })
void chunkLoad.appendRest(
diff --git a/src/components/S3SettingsModal.tsx b/src/components/S3SettingsModal.tsx
new file mode 100644
index 0000000..ba063e9
--- /dev/null
+++ b/src/components/S3SettingsModal.tsx
@@ -0,0 +1,132 @@
+// S3 图片上传设置（docs/30）：服务端点/区域/存储桶/密钥/前缀/访问域名，
+// 以及「自动上传图片」开关。密钥只保存在本机偏好库里，随调用传给 Rust
+// 签名上传，不写进任何文档、也不会被 Git 同步带走。
+import { useEffect, useState } from 'react'
+import { s3TestConnection } from '../services/platform'
+import { s3ConfigPayload, type S3Settings } from '../services/s3'
+
+export function S3SettingsModal({ initial, onSave, onClose }: {
+ initial: S3Settings
+ onSave: (next: S3Settings) => void
+ onClose: () => void
+}) {
+ const [draft, setDraft] = useState
+
+ )
+}
diff --git a/src/components/StatusBar.tsx b/src/components/StatusBar.tsx
index d29398a..dda6dd6 100644
--- a/src/components/StatusBar.tsx
+++ b/src/components/StatusBar.tsx
@@ -11,6 +11,9 @@ interface Props {
sourceMode: boolean
tauriMode: boolean
zoom: number
+ /** 当前文档未上传的本地图片数（>0 时状态栏出批量上传钮） */
+ pendingImages?: number
+ onUploadImages?: () => void
}
export default function StatusBar(p: Props) {
@@ -25,6 +28,11 @@ export default function StatusBar(p: Props) {
{p.dirty ? '未保存' : '已保存'}
{p.sourceMode ? '源代码模式' : '即时渲染'}
+ {Boolean(p.pendingImages && p.onUploadImages) && (
+
+ )}
{Math.round(p.zoom * 100)}%
{p.tauriMode ? '桌面模式' : 'Web 降级模式（调试）'}
diff --git a/src/editor/editor.ts b/src/editor/editor.ts
index 4361d9c..666153b 100644
--- a/src/editor/editor.ts
+++ b/src/editor/editor.ts
@@ -165,6 +165,62 @@ export function getMarkdown(editor: Editor): string {
})
}
+/** 文档里全部图片的 src（按出现顺序、去重）——S3 批量上传扫描用（docs/30）。 */
+export function collectImageSrcs(editor: Editor): string[] {
+ return editor.action((ctx) => {
+ const view = ctx.get(editorViewCtx)
+ const seen = new Set e.stopPropagation()}>
+
+ S3 图片上传设置
++ 图片上传到你自己的 S3 兼容存储（AWS S3、MinIO、Cloudflare R2、阿里云 OSS 等）， + 文档里的图片引用随之换成公开访问地址。密钥只保存在本机设置里，不会写进文档。 +
+ + + + + + + +
+
+
+ {testState.kind !== 'idle' && (
+ + {testState.text} +
+ )} +
+
+
+
+
+