跳到正文

构建新时代的
富文本

分页文档、块文档与 Markdown 三种编辑器,构建于开源底座。

@quirekit/classic-editor

三种编辑器,嵌入你的产品

分页文档

Classic

浏览器里的分页文档,DOCX 往返

体验 Classic

块式文档

Block Editor

文字、代码与图形组合成块

体验 Block Editor

Markdown 文件

MD Editor

Markdown 原文即文档

体验 MD Editor

我们的编辑器,
同样构建于开源底座

编辑器产品

Classic、MD Editor、Block Editor 均由上述公开包组合构建。

编辑内核
  • 文档模型
  • 事务
  • 命令
  • 历史
  • 协同
  • 扩展
排版与渲染
  • 分页排版
  • 显示列表
  • Canvas
  • SVG
  • HTML
UI 组件库
MIT
扩展与编辑器
  • 公式
  • 白板
  • 流程图
  • 思维导图
  • 多维表格
  • 文本绘图
  • MSFE
编辑器产品
  • Classic
  • MD Editor
  • Block Editor

编辑器产品

Classic、MD Editor、Block Editor 均由上述公开包组合构建。

一份绘制指令,
四种输出

文档排版

文字、表格与图形在同一页内排版。

版面盒
字形排布
表格与图形
选区与覆盖层
  • Canvas 2D编辑时的屏幕绘制
  • SVG矢量显示与无障碍检查
  • PDF打印与归档 · 商业组件
  • OFD国产版式文件 · 商业组件

01文档排版

02绘制指令

DISPLAY LIST
Aa字形与位置GLYPHS
▦表格与路径PATHS
▥图形与图像DRAWINGS

一次排版,共用坐标

Canvas 2D

屏幕编辑

SVG

矢量显示

PDF

打印归档 · 商业组件

OFD

国产版式 · 商业组件

03同一份版面,一致呈现

文档排版

文字、表格与图形在同一页内排版。

一套内核,
三种视图

分页视图

Canvas / SVG 自行排版与分页,屏幕即打印结果。

QuireKit Core

  • 文档模型
  • 事务
  • 命令
  • 插件
  • 历史
  • 协同
  • 输入规则
  • 快捷键
  • 扩展
分页视图
块编辑视图
原生 DOM 视图

分页视图

Canvas / SVG 自行排版与分页,屏幕即打印结果。

亲手试试:下面是两个真实实例。分页视图在首屏

AI Native

AI 直接操作文档,改动先审阅再生效(商业组件)

读取

文档投影为带块 ID 的结构视图。

0/ 6 条命令已执行

#b1#b2#b3#b4#b5
三线表
图表
公式
流程图
批注
目录
AI同比口径已核对,建议补充季度说明。

document_read

  • #b1heading2026 年第三季度经营报告
  • #b2paragraph第三季度营收 4.82 亿元…
  • #b3table业务线 × 季度,3 × 4
  • #b4chart柱状图,6 组数据
  • #b5mathr = (x₁ − x₀) / x₀

document_edit · 1 次请求

  1. 表格样式 · 三线表#b3
  2. 修改图表 · 堆叠柱状#b4
  3. 插入公式 · LaTeX#b5
  4. 插入流程图#b5
  5. 添加批注#b2
  6. 插入目录#b1
AI 修订 · 6 处一次审阅接受全部逐条查看

读取 · 0 / 6

文档投影为带块 ID 的结构视图。

Markdown 原样保存

左边四种视图编辑的都是同一份 Markdown,右边是保存的文件:中间没有格式转换,只有改动的那一行会变。

图形编辑器,MIT 开源,可独立使用

公式编辑器现在就能编辑
  • 流程图

    流程图@quirekit/flow-editor

  • 思维导图

    思维导图@quirekit/mind-editor

  • 白板

    白板@quirekit/whiteboard-editor

  • 图表

    图表@quirekit/chart

  • 文本绘图

    文本绘图@quirekit/text-diagram-editor

  • 时序图

    时序图@quirekit/flow-editor

一套组件,一种界面语言

当前颜色

预设颜色

导出 PDF68%
MIT已发布Control 加 K

完整的
图文处理操作

每类对象配专属编辑器,每项格式配完整设置面板。

插入功能区
插入功能区
字体设置
字体设置
段落设置
段落设置
表格右键操作
表格右键操作
图表与数据编辑
图表与数据编辑

按需安装,只用你需要的包

白底 MIT · 浅蓝 AGPL · 黑金商业

商业@quirekit/ai-chat

带会话状态的 AI 聊天界面。管理消息、模型选择、执行过程和编辑确认,可以接到不同文档编辑器。

001 / 193

开源核心,商业增值

基于开源框架,自主构建

编辑内核、Markdown 编辑器与图形编辑器以 MIT 开源,排版引擎与 Block Editor 以 AGPL 开源。