Releases: xiaobox/mdeditor
Releases · xiaobox/mdeditor
v1.1.4
v1.1.3
Full Changelog: v1.1.2...v1.1.3
v1.1.2
新增
- 多语言 i18n(中英双语 zh-CN / en)
- Header 语言切换下拉(国旗图标指示)
- 语言持久化到 localStorage;默认语言 zh-CN
- 自动同步 document.lang,利于可访问性和 SEO
- 复制菜单(社交/Markdown)等 UI 文案完成国际化,切换后即时生效
- 基于 vue-i18n@9,插件:src/plugins/i18n.js;语言包:src/locales/zh-CN.json、src/locales/en.json
- 扩展指引:在 src/locales/ 新增 .json,并在 i18n 插件注册 + Header 的 languageOptions 补充选项
修复
- 编辑区与预览区滚动不同步问题(引入“滚动同步锁”)
- URL 下划线被误判为斜体的边界情况
- 对象 URL 未及时 revoke 的潜在内存泄漏
- 图片/链接的过滤与转义更严格,降低 XSS/样式污染风险
- Mermaid NodeView 的转义处理更安全
UI/UX
- 新增 BackToTopFloat 悬浮“返回顶部”按钮
- 调整 AppFooter、AppMain、DropdownMenu、SettingsHeader、SettingsFooter 等布局与交互
- 同步滚动开关迁移至 AppMain,位置更直观
- PreviewPane 错误处理与反馈优化
- 细节样式微调:app-footer.css、app-header.css 等
文档
- README / README.en / CHANGELOG 更新
- 新增 WYSIWYG(Milkdown)模式说明与切换指南(Prism 高亮与 Mermaid NodeView 支持)
- 补充 i18n 使用说明与新增语言的步骤
测试
- 新增/完善用例:url-underscore-italic-order、preview-escape、revoke-object-url、link-image-sanitization、mermaid-nodeview-escape 等
- 覆盖核心流程与安全相关逻辑,降低回归风险
兼容性
- 破坏性变更:无
- 升级建议:无需额外操作。首次加载默认 zh-CN;若此前选择过语言会自动沿用。同步滚动开关已移动到 AppMain。
v1.1.0 — 所见即所得(WYSIWYG)
Highlights
- 全新「所见即所得(WYSIWYG)」可编辑模式
- 与 Markdown 文本双向同步,主题/代码样式/排版系统保持一致
- 内置 Mermaid 节点视图与 Prism 代码高亮
- 文档更新:README(中/英)补充使用指南与技术栈说明
新增
- WYSIWYG 编辑模式(基于 Milkdown:preset-commonmark + preset-gfm)
- 预览面板支持在“预览”和“WYSIWYG(可编辑)”之间切换
- 表格内反引号等少数场景的兼容处理,确保展示与复制更稳定
使用方法
- 顶部「视图切换」按钮组中,点击「所见即所得(可编辑)」进入 WYSIWYG 模式;再次点击可切回「编辑器」或「编辑 + 预览」
- 支持 Mermaid 图形的所见即所得渲染;代码高亮由 Prism 提供
- 与全局主题系统联动:颜色主题、代码样式、排版系统、字体/字距/行高等设置会在 WYSIWYG 下生效
兼容性/升级
- 无破坏性变更;直接更新到该版本即可使用 WYSIWYG 模式
- 若使用 Docker,发布后可拉取对应版本镜像(例如 helongisno1/mdeditor:1.1.0 或 latest)
致谢
- 感谢所有贡献者与使用者的支持与反馈
相关链接
- 组件:src/components/WysiwygPane.vue
- 视图切换:src/components/layout/AppHeader.vue、src/components/layout/AppMain.vue
v1.0.3
v1.0.2 — Mermaid 支持 + Docker 一键部署
亮点
- 新增 Mermaid 支持:在预览与复制链路中渲染流程图/时序图等
- 新增 Docker 一键部署:提供公共镜像 helongisno1/mdeditor 与自动化构建发布
新增
- Mermaid 渲染能力(依赖 mermaid@^11.9.0,配合 SVGO 优化)
- Docker 多阶段构建镜像;公共镜像发布到 Docker Hub(helongisno1/mdeditor)
修复
- 代码块缺少横向滚动条(长行可横向滚动)
- 含 alt 的图片被误识别为链接并显示异常;同时为带 alt 的图片新增图注显示
- Breeze(清风)主题:标题装饰稳定性与有序/无序列表缩进统一
- 平板预览背景色与其他模式不一致
升级与使用提示
- 立即体验 Docker 一键部署:docker run -d -p 8080:80 helongisno1/mdeditor:latest
参考提交
- 新增 mermaid 支持(cdb219d)
- 代码块横向滚动条修复(8b84299)
- 图片 alt 链接/图注修复(b296c47)
- 列表缩进/标题装饰稳定性(b926f33)
- 平板预览背景色一致性(bcf3dc7)
Modern MD Editor 1.0.1
v1.0.1(2025-08-10)
- 修复 | 清风排版(Breeze)标题装饰
- 复制到微信公众号后,点击保存/预览导致
h2/h3/h4左侧竖线消失的问题 - 长标题换行时的缩进不一致问题(与预览保持一致)
- 复制到微信公众号后,点击保存/预览导致
- 优化 | 列表缩进
- 统一有序/无序列表基础缩进为 16px,嵌套步长 20px,视觉更整齐、与无序列表对齐
- 兼容性
- 变更仅影响复制到社交平台的导出 HTML,不影响编辑器预览与主题配置
- 无破坏性 API 变更
升级指引
- 更新到
v1.0.1后重新构建/发布即可;无需额外配置 - 若有自定义主题的复制适配器,请按需覆盖装饰/缩进参数
相关变更
src/core/markdown/post-processors/adapters/breeze.jssrc/core/markdown/processors/list.js
Modern MD Editor 1.0.0
亮点
- 一键复制为公众号/社交平台格式(内联样式、字体/行高/字距、主题化增强)
- 实时预览 + 双向滚动同步,支持桌面/平板/手机三种视口预览
- 完整主题系统(颜色主题、代码样式、排版系统、字体/字号/间距),首屏预加载避免 FOUC
- 数据驱动的工具栏配置,易于扩展与重排
新增
- 复制链路:Clipboard API 优先,失败自动降级,提升兼容性
- 设置面板:主题系统/主题色/代码样式/字体/字号/行距/字距 可视化调节
- Markdown 管线:解析协调器 + 社交样式后处理器(可扩展适配器体系)
- 技术栈:Vue 3 + Vite 5 + CodeMirror 6
- 文档:README、CONTRIBUTING、CHANGELOG
体验与性能
- 主题变量集中管理(CSS Variables),防抖与缓存减少不必要的 DOM 更新
- github-markdown-css 作为排版基线,结合主题变量统一风格
兼容与要求
- Node >= 18,npm >= 9(或使用 pnpm/yarn)
- 现代浏览器(Chrome/Edge/Safari/Firefox 最新版)
安装与开发
git clone https://github.com/xiaobox/mdeditor.git
cd mdeditor
npm i
npm run dev文档
- 使用指南与技术说明:README.md
- 贡献流程与提交规范:CONTRIBUTING.md
- 版本变更:CHANGELOG.md(v1.0.0)