如何将块数据加载到EditorJS中？

Question

我希望动态地将块数据加载到我的EditorJS实例中。我想做这样的事情：

const editor = new EditorJS();
editor.load({ blocks: my_blocks })

我似乎没有找到任何关于如何在https://editorjs.io/上这样做的文档。

我知道我可以在初始化期间将块加载到EditorJS，但是我需要按一下按钮加载动态数据。

Answer 1

您可以使用块核心API，通过insert()方法，使用以下签名：

 insert(type?: string, data?: BlockToolData, config?: ToolConfig, index?: number, needToFocus?: boolean): void

所以，在你的例子中，可能是：

editor.blocks.insert('header', {text: 'My header'});

其中header是类型的，第二个参数是块data

一个更干净的方法是预先定义你的区块如下：

const blockToAdd = {
  type: 'header', 
  data: {
     text: 'My header'
  }
};

editor.blocks.insert(blockToAdd);

Answer 2

不确定这是什么时候添加到API中的，但是也有editor.render(data)动态地将JSON数据加载到编辑器中。

呈现(数据: OutputData)：承诺 方法删除所有块并填充新传递的JSON数据。

来源：https://editorjs.io/blocks#render