diff --git a/assets/js/src/form_editor/blocks/blocks.jsx b/assets/js/src/form_editor/blocks/blocks.jsx index 022481f8cd..ce8ff46227 100644 --- a/assets/js/src/form_editor/blocks/blocks.jsx +++ b/assets/js/src/form_editor/blocks/blocks.jsx @@ -16,6 +16,7 @@ import * as columns from './columns/columns.jsx'; import * as column from './columns/column.jsx'; import * as heading from './heading/heading.jsx'; import * as paragraph from './paragraph/paragraph'; +import * as image from './image/image'; export const registerCustomFieldBlock = (customField) => { const namesMap = getCustomFieldBlocksSettings(customField); @@ -51,6 +52,7 @@ export const initBlocks = () => { registerBlockType(column.name, column.settings); registerBlockType(paragraph.name, paragraph.settings); registerBlockType(heading.name, heading.settings); + registerBlockType(image.name, image.settings); if (Array.isArray(customFields)) { customFields.forEach(registerCustomFieldBlock); diff --git a/assets/js/src/form_editor/blocks/image/image.tsx b/assets/js/src/form_editor/blocks/image/image.tsx new file mode 100644 index 0000000000..dce67f2538 --- /dev/null +++ b/assets/js/src/form_editor/blocks/image/image.tsx @@ -0,0 +1,22 @@ +import '@wordpress/core-data'; +import * as image from '@wordpress/block-library/build-module/image/index.js'; + +export const name = 'core/image'; + +const settingsReset = { + name, + examples: null, + deprecated: null, + save: () => null, +}; +const settings = { + ...image.metadata, + ...image.settings, + ...settingsReset, + category: 'layout', + supports: { + ...image.settings.supports, + html: false, + }, +}; +export { settings };