javascript - Draftjs 中的 block 是什么?

标签 javascript reactjs draftjs

我正在浏览 draftjs 文档,在很多地方,“ block ”这个词可以互换使用。例如:

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

我试图在粒度级别上准确理解这个 block 的含义,它是一段文本,还是整个 editorState?

最佳答案

editorstate 包含selectionstatecontentstatecontentstateblocks 组成。所以一个block主要是一段带有idtypedata的html段落。 id 用于标识一个段落。 type有点复杂,但主要有两种类型,atomic和non-atomic,用于不可编辑的段落(image/vide/...)和文本。 data 用于使用您想要将某些内容存储到 block 中并稍后在任何 draft 回调中使用它。

大家可以多耐心的阅读文档,尤其是通过示例代码来理解。

关于javascript - Draftjs 中的 block 是什么?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45283589/

相关文章:

javascript - Typescript/Javascript for 在数组上循环,将键的值作为键值 1 推送到新数组 - 如果已经存在,则递增

javascript - 如何在 html 字符串中引用/添加 javascript 变量?

Javascript : How to display a default tab content but hide other tab content

cordova - 为桌面 + 移动应用程序选择技术堆栈

java - 我应该如何在 Reactjs 应用程序中读取 AWS EC2 实例的环境变量

reactjs - 如何获取格式化文本 draft-js

javascript - 创建类似亚马逊的横幅 - 请参阅图片

javascript - React-file-viewer 将任何文件渲染得非常小

javascript - 从 HTML 创建的 DraftJS 编辑器不起作用

javascript - 如何从 Draft.js json 渲染 React.js 内容