如何使用TipTap insertContent作为公告列表

Question

TipTap v2 docs for insertContent有一个插入段落节点的示例。

editor.commands.insertContent([
{
type: 'paragraph',
content: [
{
type: 'text',
text: 'First paragraph',
},
],
},
])

插入公告列表的对象格式是什么，或者如何确定对象结构?

editor.commands.insertContent({
type: 'bulletList',
content: [
{
type: 'listItem',
content: 'some string,
},
])

Answer 1

列表示例

editor.commands.insertContent({
type: 'bulletList',
content: [
{
type: 'listItem',
content: [
{
type: 'paragraph',
content: [
{
type: 'text',
text: 'first bullet',
},
],
}
]
},
{
type: 'listItem',
content: [
{
type: 'paragraph',
content: [
{
type: 'text',
text: '2nd bullet',
},
],
}
]
}
]
})

为什么使用Object结构?

bulletList由listtitems组成

listtitem来自扩展源代码

listtitem由内容组成:'段落块*':表示0个或多个段落块

段落由内容组成:'inline*':表示0个或多个行内块

inline由文本或其他内联节点组成

就得到了上面的数据结构。