wordpress - 以编程方式触发 Wordpress Gutenberg "Convert to Blocks"

Question

我有几个用 Node.js 编写的机器人来自动生成 HTML 内容并使用 REST API 将它们放入多个 Wordpress 站点。近日，Wordpress 5.0 正式发布，Gutenberg 成为默认编辑器。所有旧帖子，以及机器人生成的帖子，都将封装在一个“经典”块中。

正如我们大多数人已经知道的那样，应该添加额外的标记来将 HTML 元素转换为块，并且在 Gutenberg UI 中有一个“转换为块”按钮可以将它们转换为块。有没有什么方便的方法(比如使用内置函数)以编程方式做与“转换为块”相同的事情，或者我们应该一个一个包装那些与古腾堡相关的标记？任何帮助都应该受到赞赏

Answer 1

可能这有点晚了，但是如果有人仍在寻找解决方案，那么您可以这样做。

此代码假定您的经典块是第一个:

var block = wp.data
      .select("core/editor")
      .getBlocks()[0];

wp.data.dispatch( 'core/editor' ).replaceBlocks(block.clientId, wp.blocks.rawHandler( 
  { HTML: wp.blocks.getBlockContent( block ) }
));

如果你想对所有经典块都这样做，只需迭代整个块并查找块名称 core/freeform像这样转换它:

wp.data.select("core/editor").getBlocks().forEach(function(block, blockIndex){
  if (block.name === "core/freeform"){
    wp.data.dispatch( 'core/editor' ).replaceBlocks(block.clientId, wp.blocks.rawHandler( 
      { HTML: wp.blocks.getBlockContent( block ) }
    ));    
  }
})