如何使用wp-blocks api将原始html转换/解析为wp gutenberg块？

Question

我准备好将我的帖子数据导入网站时遇到了困难。我想将所有原始html转换为gutenberg ready块（如<!--wp:paragraph--> <p>hello world</p> <!--/wp:paragraph-->），以避免每个帖子的手动转换。现在发生了什么：

注册处理程序脚本和依赖项 - qazxsw poi

调用rawHandler / pasteHandler - wp_enqueue_script( 'filter', get_template_directory_uri() . '/js/article-filter.js', array('jquery', 'wp-blocks', 'wp-element'));

得到错误 -

var gutblock = wp.blocks.rawHandler({ 
    HTML: '<p class="content">Hello world </p>' 
});

也许我在主要概念中被误解或做错了什么。

非常感谢您的帮助。

Answer 1

从浏览器复制你的html（实际上不是html意味着输出你的html），然后将其粘贴到Gutenberg编辑器。古腾堡将负责解析自己。

Gutenberg还提供了其他功能，支持从MS Word文档复制粘贴。

Answer 2

有一个小辅助函数，首先将原始HTML转换为gutenberg块，然后将其序列化为gutenberg-ready帖子内容。

查询脚本

Cannot read property 'attributes' of undefined

转换为块

function load_admin_resources_footer() {
    wp_enqueue_script( 'filter', get_template_directory_uri() . '/js/article-filter.js', array('jquery', 'wp-blocks', 'wp-edit-post'));
}
add_action('admin_footer', 'load_admin_resources_footer');