refactor: 用 CodeMirror 6 重构 MD 编辑器，废弃自研 WYSIWYG

Browse Source

- 引入 CodeMirror 6 (MIT) 替代 contenteditable WYSIWYG 编辑器，消除 execCommand 废弃 API 风险
- 全新全宽三栏布局：标题栏、工具栏、编辑区+可切换预览、状态栏
- 工具栏新增删除线/H1/H4/任务列表/表格/预览切换/全屏按钮
- 支持粘贴图片自动上传 (Ctrl+V)、拖拽上传、上传进度反馈
- 代码块语言下拉选择器替代 prompt() 弹窗，支持搜索和键盘导航
- 自动保存草稿 (30s 防抖，localStorage + 后端静默保存)
- 分屏实时预览 (Ctrl+Shift+P)，编辑器与预览区双向滚动同步
- 字数/行数/阅读时间统计、全屏编辑 (F11)
- 快捷键：Ctrl+B/I/K/`/Shift+I/S/Shift+P + Tab/Shift+Tab
- 删除旧的 htmlToMarkdown、syncMarkdownToWysiwyg、mode-tab 等废弃代码
- 后端 API 零改动，仅移除控制器中不再需要的 ExtraJS 字段

...

This commit is contained in:

Victor Jay

2026-05-27 19:38:42 +08:00

parent 8a8d801187

commit 9801edc313

4 changed files with 852 additions and 700 deletions

Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL

Download Patch File Download Diff File Expand all files Collapse all files

995

templates/MetaLab-2026/static/js/editor.js

File diff suppressed because it is too large Load Diff