Как сделать дополнительный флажок у Гутенберга?

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

Посмотрите на компонент галереи и узнайте, как реализуются вещи на боковой панели, используя InspectorControls.Это может быть сложно, поэтому для упрощения реализации вы можете взглянуть на другие основные компоненты Gutenberg.

И эта ссылка может помочь вам в использовании CheckboxControl.

В приведенном выше коде вы просто добавляете хук, который меняет имя класса по умолчанию для галереи блоков, а это не то, что вы просите.Обратите внимание, что, насколько мне известно, вы не можете редактировать основные блоки по умолчанию (кроме очень немногих), если вы не скопируете весь основной блок и не добавите в него дополнительную функциональность.