跳到主要内容

Markdown 编辑

Markdown 编辑器用于写结构化文本。iOS 竖屏可以采用上下结构,横屏和 macOS 更适合左编辑、右预览的结构。

编辑与预览

Markdown 页面包含编辑区域和渲染预览区域。编辑区域保存原始 Markdown 文本;预览区域显示渲染后的标题、列表、引用、代码块、链接和强调样式。

工具栏

常用工具栏应该包含:

  • 加粗。
  • 斜体。
  • 下划线。
  • 删除线。
  • 标题。
  • 列表。
  • 链接。
  • 颜色。
  • 字体。

工具栏对选中文字生效,而不是只改变全局输入状态。

文件保存

用户从字节粘贴文件格子进入 Markdown 编辑器时,编辑器应该打开原始 .md 文件,而不是复制成 asset-xxxxxx.md。用户保存后,原始文件更新,字节粘贴格子的预览也应同步刷新。

格纳与拷贝

用户点击“格纳”或“拷贝”时,系统可以询问输出文本还是图片。选择文本时,输出原始 Markdown 文本。选择图片时,输出渲染后的 Markdown 预览图。

横屏

iPhone 横屏或 iPad 大屏下,Markdown 应尽量使用左右分栏。左侧编辑和右侧预览应该保持相近的滚动位置,避免用户在长文档中迷失。