27 lines
1000 B
Plaintext
27 lines
1000 B
Plaintext
|
---
|
||
|
|
title: 概览
|
||
|
|
description: 在组装完整编辑界面之前，先理解编辑器的声明式 Action 模型。
|
||
|
|
order: 1
|
||
|
|
toc:
|
||
|
|
- id: mental-model
|
||
|
|
title: 心智模型
|
||
|
|
- id: tutorial-map
|
||
|
|
title: 教程路线
|
||
|
|
- id: stable-capabilities
|
||
|
|
title: 稳定的能力集合
|
||
|
|
---
|
||
|
|
|
||
|
|
## 心智模型 {#mental-model}
|
||
|
|
|
||
|
|
`@workspace/lexical` 将编辑器操作视为声明。每个 Action 描述自身行为及其需要的节点、插件或嵌入内容。`LexicalRoot` 会在创建编辑器前收集这些依赖。
|
||
|
|
|
||
|
|
工具栏只决定 Action 出现的位置，不负责单独注册编辑器能力。
|
||
|
|
|
||
|
|
## 教程路线 {#tutorial-map}
|
||
|
|
|
||
|
|
你将创建根节点和内容区域、选择预设、自定义 Action 位置、定义应用专属 Action、添加媒体上传，最后接入本地化标签。
|
||
|
|
|
||
|
|
## 稳定的能力集合 {#stable-capabilities}
|
||
|
|
|
||
|
|
编辑器实例创建后，其 Actions、节点和插件保持固定。当应用需要替换整套能力时，请为 `LexicalRoot` 提供新的 React `key`。
|