Draft.js 如何表示项目列表?

Draft.js how to represent list of items?

为了创建图像轮播,我想创建嵌套块如下

然后我发现draft.js不支持嵌套块。 (https://github.com/facebook/draft-js/issues/143 他们说 draft.js 是平的)

但另一方面,还有 UL/OL 和 LI ,这就像组和元素结构。

有没有办法分组elements/components/blocks这样我们就可以渲染整体+个别(比如我们用个别图片渲染轮播)

Draft.js 实际上不支持 ul/olli 作为单独的块——这些只是作为 ordered-list-item 和 [=14 实现的=] 块,在编辑器中存储为平面列表。

嵌套是 "faked",方法是将这些块的 depth 设置为大于 0 的值,并使用包装器将这些块的序列包装到父元素中。请参阅文档:高级主题 – 自定义块包装器 .


如果它适合您,您可以遵循类似的模型并使用单一块类型 image-carousel-item,其中包含每个 "slide" 的内容,然后使用包装器呈现具有多个的轮播无论是在编辑器中还是在导出时,都可以随心所欲地添加项目 HTML.