如何在古腾堡渲染其他复选框？

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 component，并了解如何通过使用InspectorControls在边栏上实现操作。这可能很复杂，因此为便于实施，您可以查看古腾堡的其他核心组件。

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

在上面的代码中，您只是添加了一个钩子，该钩子正在更改块画廊的默认类名，而这并不是您要的。请注意，据我所知，除非您复制整个核心模块并向其中添加其他功能，否则您将无法编辑默认核心模块（除了很少的内容之外）。