docs(frontend): 记录编辑器交互修复与回归验证
This commit is contained in:
+14
-1
@@ -49,8 +49,12 @@
|
|||||||
|
|
||||||
Milkdown 自定义插件在写作模式中隐藏 HTML 标记,并通过 ProseMirror Decoration 显示实际字号;切换到源码模式时可以直接看到并修改上述 Markdown 内容。
|
Milkdown 自定义插件在写作模式中隐藏 HTML 标记,并通过 ProseMirror Decoration 显示实际字号;切换到源码模式时可以直接看到并修改上述 Markdown 内容。
|
||||||
|
|
||||||
|
字号栏同时提供预设下拉框和 `8–96 px` 数值输入框。输入数值后按 Enter 或点击“应用”即可写入当前选区。标题下拉框提供“正文”选项,用于将标题恢复为普通段落;正文显式使用正常字重,只有 H1 至 H6 默认加粗。
|
||||||
|
|
||||||
选中文本后出现的 Crepe 浮动格式栏使用应用正文前景色、实色描边和悬浮强调色,避免亮暗主题下图标对比度不足。
|
选中文本后出现的 Crepe 浮动格式栏使用应用正文前景色、实色描边和悬浮强调色,避免亮暗主题下图标对比度不足。
|
||||||
|
|
||||||
|
浮动栏由 Crepe Tooltip Provider 挂载,不保证位于 Vue scoped 样式容器内部,因此对比度规则使用全局 `.milkdown-toolbar` 选择器,并通过主题变量适配亮暗模式。顶部格式按钮统一在 `pointerdown` 阶段阻止默认焦点迁移并执行命令,确保点击工具栏时不会丢失编辑器选区。
|
||||||
|
|
||||||
有序列表与无序列表使用相同尺寸、相同线条结构的经典列表符号,仅通过左侧的数字或圆点区分类型。亮色主题下,表格边框使用更高对比度的文本辅助色,列表序号、圆点及任务图标也改用辅助文本色并增加字重。
|
有序列表与无序列表使用相同尺寸、相同线条结构的经典列表符号,仅通过左侧的数字或圆点区分类型。亮色主题下,表格边框使用更高对比度的文本辅助色,列表序号、圆点及任务图标也改用辅助文本色并增加字重。
|
||||||
|
|
||||||
编辑器左侧加号打开的块菜单已完成中文本地化:
|
编辑器左侧加号打开的块菜单已完成中文本地化:
|
||||||
@@ -86,9 +90,18 @@ Markdown HTML 仍在写入 DOM 前经过 DOMPurify 清理。
|
|||||||
|
|
||||||
```bash
|
```bash
|
||||||
pnpm build
|
pnpm build
|
||||||
|
pnpm test
|
||||||
```
|
```
|
||||||
|
|
||||||
验证结果:TypeScript 类型检查与 Vite 生产构建均通过。开发服务器根页面返回 HTTP 200。
|
验证结果:TypeScript 类型检查与 Vite 生产构建均通过。组件回归测试共 5 项,全部通过:
|
||||||
|
|
||||||
|
- 顶部工具栏对选区应用加粗;
|
||||||
|
- 浮动工具栏对选区应用斜体;
|
||||||
|
- 自定义字号输入写入 Markdown;
|
||||||
|
- 标题恢复为普通正文;
|
||||||
|
- 连续切换文件后渲染新文件内容。
|
||||||
|
|
||||||
|
文件切换失效的原因是旧实现先更新 `currentFilePath`、后等待文件内容,导致编辑器使用新路径和旧内容提前重建。现在改为文件读取成功后一次性提交路径和内容;读取失败时保留原文件及其内容。
|
||||||
|
|
||||||
本地内置浏览器测试运行时因环境资源路径缺失未能启动,因此本次没有把自动化交互测试列为已通过项。合并前建议人工检查一次工具栏选区操作、文件切换同步和亮暗主题下的代码块显示。
|
本地内置浏览器测试运行时因环境资源路径缺失未能启动,因此本次没有把自动化交互测试列为已通过项。合并前建议人工检查一次工具栏选区操作、文件切换同步和亮暗主题下的代码块显示。
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user