如何在古腾堡渲染额外的复选框？

Question

我想在裁剪图像旁边添加一个额外的复选框，但我不明白需要用javascript编写什么来渲染和处理它。我找不到解释这一点的文档。我试着写这样的代码，但它不起作用：

function addListBlockClassName (settings, name) {
  if (name !== 'core/gallery') {
    return settings
  }

  // new checkbox
  settings.attributes.enableVoting = {
    default: false,
    type: 'boolean',
  }

  return settings
}

wp.hooks.addFilter(
  'blocks.registerBlockType',
  'my-plugin/class-names/list-block',
  addListBlockClassName
)

Answer 1

您可以使用InspectorControls和Checkbox Control在侧边栏上添加其他复选框

看一看gallery block，了解他们是如何通过使用InspectorControls在侧栏上实现一些东西的。这可能很复杂，因此为了更容易实现，您可以查看Gutenberg的其他核心模块。

这个link可以帮助你了解如何使用CheckboxControl。

在上面的代码中，你只是添加了一个钩子，它改变了块图库的默认类名，而这并不是你想要的。请注意，据我所知，你不能编辑默认的核心块(除了很少的东西)，除非你复制整个核心块并在其中添加额外的功能。