在wordpress中加载块时运行一段代码

我制作了一个定制古腾堡积木：

(function(blocks, components, element) {
  var el = element.createElement;
  var registerBlockType = blocks.registerBlockType;
  var TextControl = components.TextControl;

  registerBlockType("blocks/test-block", {
    title: "Test Block",
    description: "A custom block.",
    icon: "businessman",
    category: "common",
    attributes: {
      headline: {
        type: "string"
      }
    },

    edit: function(props) {
      var headline = props.attributes.headline;
      var onHeadlineChange = function(val) {
        props.setAttributes({
          headline: val
        });
      };

      return el(TextControl, {
        value: headline,
        label: "Headline",
        onChange: onHeadlineChange
      });
    },
    save: function(props) {
      alert('');
      return el(
        "h3",
        {
          className: "headline"
        },
        props.attributes.headline
      );
    }
  });
})(window.wp.blocks, window.wp.components, window.wp.element);

我想在前端加载块时运行一个函数

我尝试了

save

功能，但它只在块保存在wp仪表板上时起作用

---

当加载块时，有什么方法可以运行函数吗？

您可以在PHP文件的寄存器块类型中使用render callback参数。 像

---

你能举个例子吗？我对wordpress gutenberg了解不多，我已经修改了我的答案。请检查。您可以在这里检查实时代码。如果你想仔细看看。属性是您在js文件中定义的道具。例如：$attributes['headline']，您完全可以在PHP文件中添加js代码。但是在PHP文件中使用js代码不是标准的。

register_block_type(
    'blocks/test-block', array(
        'editor_script' => 'index-js',
        'render_callback' => 'recent_posts_block'
    )
);

function recent_posts_block($attributes){
//your code here
}