ClassicTextDiagram · Classic 文本绘图

将文本绘图工作区接入产品。Word 产品可保存带源码的可编辑图片，编辑提交时仍须保持源码与预览一致。

@quirekit/classic-text-diagram · Commercial

编辑器适用范围

层次：Classic 产品适配

“直接支持”指已有上述产品装配；具体交互、宿主服务和格式支持仍有各自条件。状态与接入规则。许可独立显示。

接入

当前 @quirekit/classic-text-diagram 的包元数据标为 private。本站使用工作区源码；外部项目需先取得对应分发包，不能把下面的公开导出理解为已经能从公共 npm 安装。

此入口属于商业组件。使用前先取得相应分发与授权；安装命令仅适用于已配置该分发源的项目。

这是可选的产品扩展，将它加入 createClassicEditor 创建选项的 extensions；它仍然遵循 Core Extension 合同。

import { ClassicTextDiagram } from '@quirekit/classic-text-diagram'

安装时按包声明选择兼容版本，外部可用版本以分发源为准。本站使用工作区 Alpha；许可标签来自入口所属包，使用条件见支持与许可。

按编辑器接入

以下片段沿用已挂载的宿主元素 element，宿主负责容器尺寸与保存；退出页面时调用 instance.destroy()。已有预设装配的能力不要再重复追加；需要宿主端口的入口应先完成下方配置。

import { createClassicEditor } from '@quirekit/classic-editor'
import '@quirekit/classic-editor/styles.css'
import { ClassicTextDiagram } from '@quirekit/classic-text-diagram'

const instance = createClassicEditor({
  element,
  extensions: [ClassicTextDiagram],
})

配置

下面是扩展自身的默认选项。预设可以覆盖这些值；它们不等于当前文档属性。配置方法见配置插件。

open

打开捕获目标的编辑工作区，返回可释放的界面任务。异步提交时仍需校验原目标。

类型：(request: TextDiagramEditRequest, editor: QuireEditor): { close(): void; }

默认：open

render

宿主渲染接口。图形扩展生成与源码匹配的静态预览；DataView 使用节点视图渲染接口。

类型：(language: TextDiagramLanguage, source: string, editor: QuireEditor): Promise<TextDiagramRaster>

默认：内置回调

命令与运行方式

以下命令由此扩展直接提供，均在当前 Editor 上调用。命令是否可用由已安装 schema、当前选区与保护策略决定；可以先用 editor.can() 查询。

这里只展示参数签名。接界面时见命令与控件，正文变更继续经过同一事务与历史。

下一步

返回全部插件，或阅读配置插件区分配置、文档属性与命令。

继续Classic 快速接入和配置与生命周期。开发自己的产品界面与服务时，见产品插件开发。