# DomViewExtension · 原生 DOM 视图

注册 dom 模式，使用浏览器原生 contenteditable 与 ProseMirror DOM view。适合轻量输入；不加载分页和 retained 布局引擎。

注册 dom 模式，使用浏览器原生 contenteditable 与 ProseMirror DOM view。适合轻量输入；不加载分页和 retained 布局引擎。

`@quirekit/dom-view` · **MIT**

## 编辑器适用范围
层次：**视图适配**
| 编辑器 | 状态 | 所需装配与边界 |
| --- | --- | --- |
| Classic | 未支持 | 此 View 不属于该产品当前的挂载合同。独立 Core 可按 View 接入教程选择它；增加扩展不会自动切换产品形态。 |
| Block | 未支持 | 此 View 不属于该产品当前的挂载合同。独立 Core 可按 View 接入教程选择它；增加扩展不会自动切换产品形态。 |

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

## 接入

```sh
pnpm add @quirekit/dom-view@alpha
```

在创建 Editor 时放入 `extensions`。挂载容器、视图和保存由宿主提供，见[快速开始](/guide/quick-start)。

```ts
import { DomViewExtension } from '@quirekit/dom-view'
```

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

## 按编辑器接入

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

### Classic

此 View 不属于该产品当前的挂载合同。独立 Core 可按 View 接入教程选择它；增加扩展不会自动切换产品形态。

### Block

此 View 不属于该产品当前的挂载合同。独立 Core 可按 View 接入教程选择它；增加扩展不会自动切换产品形态。

## 配置

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

### props

原生 DOM view 的本地属性，例如直接插件和 DOM 渲染器。只用于 dom 模式。

类型：`DomViewProps | undefined`

默认：`undefined`

## 命令与运行方式

此入口没有直接声明可枚举的命令。组合扩展的命令由子扩展提供；产品插件通过 contribution 或文件服务工作。不能把安装入口名称当作命令调用。

## 其他公开入口

- `domViewExtension` · `@quirekit/dom-view`

## 下一步

返回[全部插件](/plugins)，或阅读[配置插件](/plugins/configuration)区分配置、文档属性与命令。

自己定义能力时见[扩展开发](/build/extension)；搭建完整宿主时见[构建产品](/build)。