javascript - 如何 "manually"(以编程方式)在古腾堡中插入一个 block ？

Question

Gutenberg 的 API 非常晦涩，我不知道如何创建 block 并将其附加到帖子中。

我找到了 wp.blocks.createBlock('core/paragraph', {content: "blabla"}); 它返回了一个漂亮的 block 对象，但没有附加任何内容帖子。

我想通过单击按钮插入一个带有一些自定义内容的简单段落。

Answer 1

var content = "Test content";
var el = wp.element.createElement;
var name = 'core/paragraph';
// var name = 'core/html';
insertedBlock = wp.blocks.createBlock(name, {
    content: content,
});
wp.data.dispatch('core/editor').insertBlocks(insertedBlock);