Gutenberg - 希望在保存时将块数据注入 wp_head

Question

我创建了一个代码编辑器块，用户可以在其中插入 CSS 样式。而不是将它们保存到 post_content 并显示在 body 中，我希望将它们注入头部。

我过去曾使用 PHP 钩子完成此操作，但似乎无法弄清楚如何将其转换为新的 JS API 钩子格式

我发现这是通过 functions.php 添加的：

function hook_css() {
    ?>
        <style>
            .wp_head_example {
                background-color : #f1f1f1;
            }
        </style>
    <?php
}
add_action('wp_head', 'hook_css');

但我想使用来自用户输入的动态数据在块级基础上实现这一点。任何帮助将不胜感激！

Answer 1

一个选择是将 CSS 保存为 post 元数据并使用 post 元数据将 CSS 插入 header。

请参阅 Gutenberg tutorials on meta boxes 作为通过 Gutenberg 更新 post 元数据的指南。

Answer 2

多亏了 Simons 的回答，我才能完美地完成这项工作。

结合他将数据存储为 post 元的建议和这个 tutorial 我能够完成我的项目。