DataView · 数据视图

保存可移植数据视图文档。交互渲染、工作区和布局注册由宿主注入，单独安装不会自动出现完整数据表格产品。

@quirekit/extension-data-view · MIT

编辑器适用范围

层次：共享文档能力

编辑器	状态	所需装配与边界
Classic	需适配	ClassicDataView — 共享扩展只定义内容与宿主端口。使用下列 Classic 适配入口接入工作区和产品交互，不要同时安装共享扩展与其同名适配实现。
Block	直接支持	createBlockEditorPreset — createBlockEditor 默认预设已装配此能力。通过 preset 中对应子项配置；图形编辑使用预设注入的工作区，宿主仍负责保存和资源。不要重复安装同名扩展。

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

接入

pnpm add @quirekit/extension-data-view@alpha

在创建 Editor 时放入 extensions。挂载容器、视图和保存由宿主提供，见快速开始。

import { DataView } from '@quirekit/extension-data-view'

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

按编辑器接入

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

Classic · 需适配

共享扩展只定义内容与宿主端口。使用下列 Classic 适配入口接入工作区和产品交互，不要同时安装共享扩展与其同名适配实现。

ClassicDataView

import { createClassicEditor } from '@quirekit/classic-editor'
import '@quirekit/classic-editor/styles.css'
import { ClassicDataView } from '@quirekit/classic-editor'

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

Block · 直接支持

createBlockEditor 默认预设已装配此能力。通过 preset 中对应子项配置；图形编辑使用预设注入的工作区，宿主仍负责保存和资源。不要重复安装同名扩展。

createBlockEditorPreset

import { createBlockEditor } from '@quirekit/block-editor'
import '@quirekit/block-editor/styles.css'

const instance = createBlockEditor({
  element,
  content: { type: 'doc', content: [{ type: 'paragraph' }] },
})