← 返回开发时间线

开发笔记 v0.18.0:CMS - 沉浸式编辑引入侧边目录

为 CMS 沉浸式编辑视图引入可收起的侧边目录,支持编辑器与预览双向跳转,并在输入时保持目录展开状态。

开发笔记 v0.18.0 为后台沉浸式编辑视图补充侧边目录,方便在较长的 Markdown 文章中快速定位和跳转。

沉浸式编辑侧边目录

  • 目录仅在沉浸式编辑视图中显示,默认收起为居中的「本文目录」胶囊按钮,点击后展开完整目录。
  • 一级标题保持展开,二级及更深层级默认收起,悬停目录分组时展开子目录;不同层级使用缩进、字号和字重区分。
  • 点击目录项可同步定位 Markdown 编辑区和右侧预览,并根据当前编辑器/预览滚动位置高亮所在章节。
  • 复用已有目录树和滚动状态,避免每次输入触发预览更新时目录重复展开。

UI 设计图留档

后台沉浸式编辑侧边目录展开视图