Dosphere logoDosphere

Dosphere 富文本编辑器:为知识写作而生

基于 Plate.js 的专业块编辑器,支持代码高亮、Mermaid、LaTeX、表格与多媒体,兼顾技术文档与内容写作。

Dosphere 编辑器界面

Overview

Dosphere 的编辑器围绕“知识沉淀效率”设计,不是普通文本框,而是可承载技术内容与结构化表达的创作环境。

核心能力包括:

  • 标题、列表、引用、Callout 等块级表达
  • 代码块 + Shiki 高亮(多语言)
  • Mermaid 图、LaTeX 公式、媒体嵌入
  • 表格编辑、TOC、Markdown / DOCX 导入导出

Problem

知识工作者常见问题是:写作工具、图表工具、代码工具和发布工具割裂,导致内容在多平台来回搬运,版本难维护,复用成本高。

Objective

  1. 提供统一且优雅的写作体验
  2. 支持技术内容的完整表达(代码、图、公式)
  3. 保证内容可以长期维护与迁移
  4. 降低从“草稿”到“可分享知识”的路径成本

Approach

场景分析

围绕技术写作、知识整理、复盘记录三类高频场景定义编辑能力边界。

交互设计

采用块编辑范式,结合浮动工具栏与拖拽排序提升内容编排效率。

能力集成

集成 Shiki、Mermaid、LaTeX、Excalidraw,覆盖技术知识表达的完整链路。

稳定性验证

围绕长文档编辑、导入导出一致性和渲染性能进行持续验证。

Solution

最终形成了一个“写作即沉淀”的编辑器体系:既支持快速记录,也支持高质量结构化内容生产,并可无缝进入知识库管理与 AI 问答流程。

Highlights

Recent Projects

A recently completed project showcasing problem-solving, design thinking, and execution.