Skip to content

Releases: xiaobox/mdeditor

v1.1.4

16 Jan 14:51

Choose a tag to compare

新功能

  • ✨ 添加 LaTeX 数学公式支持(行内公式 $...$ 和块级公式 $$...$$
  • ✨ 添加 WYSIWYG 表格浮动工具栏
  • ✨ 添加复制操作加载状态提示

修复

  • 🐛 修复 Mermaid 图表中靠右侧元素文字被截断的问题
  • 🐛 修复表格工具栏滚动时不消失的问题
  • 🐛 修复 WYSIWYG 公式编辑内容丢失问题
  • 🐛 修复块级公式不渲染问题
  • 🐛 修复工具栏内容溢出不显示滚动条问题

优化

  • 🔧 简化 breeze 主题分隔线样式
  • 🔧 优化数学公式渲染和清理无用代码
  • 🔧 代码架构重构,合并拆分的模块文件

v1.1.3

25 Oct 13:54

Choose a tag to compare

Full Changelog: v1.1.2...v1.1.3

v1.1.2

29 Aug 19:09

Choose a tag to compare

新增

  • 多语言 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)

28 Aug 09:18

Choose a tag to compare

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

17 Aug 17:24

Choose a tag to compare

  • 支持导入 md
  • 添加项目 logo
  • bug fix

v1.0.2 — Mermaid 支持 + Docker 一键部署

15 Aug 01:37

Choose a tag to compare

亮点

  • 新增 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

10 Aug 08:48

Choose a tag to compare

v1.0.1(2025-08-10)

  • 修复 | 清风排版(Breeze)标题装饰
    • 复制到微信公众号后,点击保存/预览导致 h2/h3/h4 左侧竖线消失的问题
    • 长标题换行时的缩进不一致问题(与预览保持一致)
  • 优化 | 列表缩进
    • 统一有序/无序列表基础缩进为 16px,嵌套步长 20px,视觉更整齐、与无序列表对齐
  • 兼容性
    • 变更仅影响复制到社交平台的导出 HTML,不影响编辑器预览与主题配置
    • 无破坏性 API 变更

升级指引

  • 更新到 v1.0.1 后重新构建/发布即可;无需额外配置
  • 若有自定义主题的复制适配器,请按需覆盖装饰/缩进参数

相关变更

  • src/core/markdown/post-processors/adapters/breeze.js
  • src/core/markdown/processors/list.js

Modern MD Editor 1.0.0

10 Aug 07:35

Choose a tag to compare

亮点

  • 一键复制为公众号/社交平台格式(内联样式、字体/行高/字距、主题化增强)
  • 实时预览 + 双向滚动同步,支持桌面/平板/手机三种视口预览
  • 完整主题系统(颜色主题、代码样式、排版系统、字体/字号/间距),首屏预加载避免 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)