Gutenberg InnerBlocks.Содержание в редакторе

У меня есть блок, который использует <InnerBlocks />. Я знаю, что могу импортировать компонент InnerBlocks в бэкэнд, и он отобразит редактор блоков поверх моего блока. В функции save моего блока я могу использовать <InnerBlocks.Content />, и он будет отображать только содержимое блока.

Моя цель - иметь <InnerBlocks.Content />, т.е. нередактируемую версию внутренних блоков, также в бэкэнде. Это состояние моего блока, в котором он будет предварительно просматривать отредактированные настройки. я могу использовать

<InnerBlocks templateLock="all" /> 

Чтобы избавиться от всех точек вставки в редакторе, делая невозможным добавление новых блоков. Однако существующие внутренние блоки по-прежнему можно будет редактировать. Есть ли атрибут блока или параметр редактора, чтобы полностью отключить редактирование определенных блоков? Или я могу достичь своей цели другим способом?

На другой вопрос: как получить и отобразить содержимое любого блока (с содержимым внутренних блоков) в редакторе?


person niklas    schedule 24.05.2019    source источник


Ответы (1)


Текущее поведение блоков в вашем сценарии является ожидаемым. То, что вы можете ограничить пользователя для внесения изменений в блок, означает добавление / удаление блоков, но сам блок и его подблоки останутся настраиваемыми, что означает изменение цвета, размера шрифта и т. Д.

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

Если вы заинтересованы в участии в Gutenberg, я думаю, это будет хорошим дополнением к текущим блокам.

person Mehmood Ahmad    schedule 24.05.2019