Draftjs 中的块是什么？

Question

我正在浏览 draftjs 文档，在很多地方，'block' 这个词可以互换使用。例如：

在编辑器中，某些 块类型 被赋予默认 CSS 样式以限制启动工程师和 运行 自定义编辑器所需的基本配置量.

我想准确理解这个块在粒度级别的含义，它是一段文本，还是整个 editorState？

Answer 1

editorstate 包含 selectionstate 和 contentstate。 contentstate由blocks组成。所以 block 主要是一个 html 段落，其中包含 id、type 和 data。 id 用于标识段落。 type有点复杂，但主要有两种类型，atomic和非原子，用于不可编辑的段落（image/vide/...）和文本。 data 用于使用您想要将某些内容存储到块中并稍后在任何 draft 回调中使用它。

大家可以多耐心看文档，尤其是通过示例代码来理解。