Skip to content

MarkMate v1.5.0 — 代码文件支持 + 语法高亮 + 界面优化

Choose a tag to compare

@SirKayZh SirKayZh released this 14 Jun 04:55

MarkMate v1.5.0

轻量代码/配置文件查看器 + 语法高亮 + 界面优化

新增 Added

  • 🎨 代码语法高亮:JSON / XML / YAML 编辑区使用 Prism.js 提供语法着色(亮/暗双主题自适应)。
    • 采用 textarea + pre overlay 架构:高亮层在下铺底展示着色,输入层透明覆盖在上方接收键盘,无需替换为 contenteditable。
    • 字符串(绿)、数字(橙)、关键字(紫)、标签/键(蓝)、注释(灰斜体),双主题独立配色。
    • 编辑 / 格式化 / 滚动时实时刷新高亮,体验流畅。
  • 📂 支持打开 xml / json / jsonl / yml / yaml 文件:MarkMate 现可作为轻量代码/配置文件查看器使用。
    • 专用 textarea 编辑区:代码模式不走 vditor,避免大型文件触发 IR 模式增量解析爆炸。
    • 一键格式化:JSON / JSONL / XML 支持原生格式化(⌥⌘L 或顶部工具栏「格式化」按钮)。
    • 状态栏自适应:右下角显示文件类型徽标(JSON/XML/YAML);字数统计切换为"字符数"。
    • 新增文件关联.xml .json .jsonl .yml .yaml(Finder「打开方式」可选)。
  • 📝 侧栏文件类型图标:收藏夹/最近打开/当前文件夹中的文件按扩展名显示不同 emoji 图标(📝 .md / 📊 .json / 📋 .xml / ⚙️ .yml/.yaml)。
  • 📌 侧栏标签与搜索框常驻:文件/大纲标签和搜索框在滚动时固定不动,随时可切换。
  • 🔘 工具栏按钮全常驻:格式化和源码对比按钮在所有模式下可见,当前不可用时自动置灰并显示中文提示,视觉位置稳定不跳动。

优化 Improved

  • 最近文档最多保留 10 条(原 20 条),旧数据自动裁剪。
  • 侧栏字体层级修正:分组标题(收藏夹/最近打开/当前文件夹)12px bold > 文件名 11px,层级关系清晰。
  • 文件名左侧缩进 12px,与分组标题视觉区隔。
  • 代码模式下大纲自动清空并显示提示语。

修复 Fixed

  • 格式化按钮误跑到左上角红绿灯旁边(CSS 缺 right 定位)。
  • 格式化按钮文字被挤成竖排(父级 width:22px 未覆盖)。
  • md ↔ 代码文件切换时大纲残留旧标题。