canvasViewExtension · Canvas 视图
注册 canvas 模式,供 Core 挂载分页 Canvas 运行时。扩展只注册适配器,宿主仍需提供容器尺寸、基础样式与所用文档模型。
注册 canvas 模式,供 Core 挂载分页 Canvas 运行时。扩展只注册适配器,宿主仍需提供容器尺寸、基础样式与所用文档模型。
@quirekit/view · AGPL-3.0-only
编辑器适用范围
层次:视图适配
| 编辑器 | 状态 | 所需装配与边界 |
|---|---|---|
| Classic | 直接支持 | classicEditorPreset — Classic 预设已经注册 Canvas 与 SVG。通过 view.backend 选择后端,不在 extensions 中重复注册 View。 |
| Block | 未支持 | 此 View 不属于该产品当前的挂载合同。独立 Core 可按 View 接入教程选择它;增加扩展不会自动切换产品形态。 |
“直接支持”指已有上述产品装配;具体交互、宿主服务和格式支持仍有各自条件。状态与接入规则。许可独立显示。
接入
pnpm add @quirekit/view@alpha
在创建 Editor 时放入 extensions。挂载容器、视图和保存由宿主提供,见快速开始。
import { canvasViewExtension } from '@quirekit/view'
安装时按包声明选择兼容版本,外部可用版本以分发源为准。本站使用工作区 Alpha;许可标签来自入口所属包,使用条件见支持与许可。
按编辑器接入
以下片段沿用已挂载的宿主元素 element,宿主负责容器尺寸与保存;退出页面时调用 instance.destroy()。已有预设装配的能力不要再重复追加;需要宿主端口的入口应先完成下方配置。
Classic · 直接支持
Classic 预设已经注册 Canvas 与 SVG。通过 view.backend 选择后端,不在 extensions 中重复注册 View。
classicEditorPresetimport { createClassicEditor } from '@quirekit/classic-editor'
import '@quirekit/classic-editor/styles.css'
const instance = createClassicEditor({
element,
view: { backend: 'canvas' },
})Block · 未支持
此 View 不属于该产品当前的挂载合同。独立 Core 可按 View 接入教程选择它;增加扩展不会自动切换产品形态。
配置
下面是扩展自身的默认选项。预设可以覆盖这些值;它们不等于当前文档属性。配置方法见配置插件。
runtime
此模式的挂载运行时配置,包括视口、测量和呈现端口;不写入文档 JSON。
类型:CanvasMountedViewRuntimeOptions | undefined
默认:undefined
命令与运行方式
此入口没有直接声明可枚举的命令。组合扩展的命令由子扩展提供;产品插件通过 contribution 或文件服务工作。不能把安装入口名称当作命令调用。