Do you receive any errors in the browser dev tools while you have the block editor open?
One improvement that I immediately notice is that your call to the block editor should be:
const {
InspectorControls,
getColorObjectByColorValue,
} = wp.block-editor;
not block.editor
.
Related Posts:
- Add pre-publish conditions to the block editor
- How does Gutenberg handle translations in React?
- How can I access core/paragraph textColor in a block template
- Saving post meta using the new EntityProvider APIs
- Implement Panel Color Inspector Control in Gutenberg
- gutenberg dynamic block is returning 404
- Gutenberg InspectorControls is deprecated, how to add custom block settings?
- How should you internationalize javascript spread in multiple files but build in one?
- Why is onChange={ ( content ) => setAttributes( { content } )} now used?
- How to set column widths in a CPT block template?
- Access GutenBerg data with Javascript?
- Only show focused toolbar for Gutenberg Block with Multiple text fields
- Gutenberg: How to Change Post Status Programmatically?
- Adding a custom PanelColorSettings control to a core block, and using the color slug in a custom className
- Enhancing Gutenberg featured image control
- Is it possible to create column width presets in Gutenberg?
- How to define a Block Style in an Innerblocks template
- Option for removing block not appearing in custom gutenberg block
- Testing custom themes / plugins under Gutenberg
- Gutenberg InnerBlocks predefined block supports
- Is it possible to bulk migrate all deprecated instances of a gutenberg block?
- How to display InnerBlocks in render callback
- How to check if post has Video or Gallery block in Gutenberg blocks?
- Gutenberg – button to parse and format all blocks?
- Custom WP Block using Inner Blocks crashes editor, doesn’t save content
- Gutenberg Button Border Radius Default
- Disable title block on edit screen for a custom post type
- Gutenberg: Block validation fails if editor is reloaded or post is edited. data.getBlocks(); is empty in save function
- Delete a Gutenberg Block Programmatically?
- Can Gutenberg be used as an editor on a page?
- Import external data into post using custom Gutenberg block
- How do a I add an attribute to element (when using block theme)?
- How to transform block variant to default version?
- How can I add a color picker to a custom Gutenberg block which includes the default system palette from theme.json?
- How to makes Custom Post Type posts as Gutenberg’s patterns?
- Can’t run WP e2e-test-utils because the browser exits on login?
- Modify the InnerBlocks ‘Add block’ block appender label
- Do I need wp-tinymce-js?
- wp_schedule_single_event issue with save_post hook in gutenberg
- Custom dynamic Gutenberg block not rendering
- How to get an array of custom blocks by block name
- How do I addFilter to core/paragraph to add an attribute and see the change in the editor?
- How to register a embed handler as a fallback to a oEmbed handler?
- Performance of Gutenberg block attributes with source selectors vs without
- What version of React does Gutenberg use?
- For developers, what impact can we expect Gutenberg to have on the loop?
- Gutenberg: Heading with subheading/paragraph
- BlockControls not showing floating (show up in the top toolbar)
- Change label text in Gutenberg’s built in excerpt panel
- Style Gutenberg Editor based on Post Type or Page Template
- Gutenberg: How filter blocks of a certain type with parse_blocks recursively?
- Gutenberg add checkbox using PluginPostStatusInfo
- How to view all currently registered block patterns?
- How do I activate a certain block template only when editing the front page?
- LinkControl – how to toggle opensInNewTab
- Block editor — how to remove default classes
- Code block treats characters not being escaped
- Strange effect when I scroll in the editor
- Creating a custom slider block from InnerBlocks using React Slick
- ServerSideRender not rendering in block editor, but output is in “apiFetch”
- Can you disable typography panels for just the paragraph block?
- I cant find the custom html block
- Gutenberg allow use of block, but hide it from the block picker
- I am working with gutenberg blocks, specially a slider block. I wish to show the excerpt content from a custom api to the backend as well as frontend
- WordPress Gutemberg RichText FormatType no wrap with tagName
- Keyboard shortcut to format text as superscript or subscript
- Add page title after first block
- Save JSON data with Gutenberg and show it in the content
- Gutenberg Blocks – Save a predefined text attribute?
- Adding a size to core/image in an innerblocks breaks the save
- Is it possible to use the WordPress block directory to make my own custom blocks
- how to copy shortcode into a block?
- Gutenberg blocks – template_lock with several post type
- Gutenberg – reusable blocks that I can edit? Am I being slow?
- Block editor: Sandbox iframe shows outdated HTML
- Gutenberg Development vs Release version?
- Gutenberg Array push
- Gutenberg: Why doesn’t the button core-component render on the frontend
- Using styled-components in the save() function on gutenberg
- block theme FSE – save changes to the theme?
- How can I avoid setTimeout and redundant getEntityRecord calls in a block editor sidebar?
- Can this react script be optimized? How to make it faster
- How to display dynamic block editor on front-end?
- Enable varying text for Phone, Tablet and Desktop
- Debouncing Input value with block attributes
- Using the block theme in production
- When using the MediaPlaceholder component, will skipping blobUrl handling break something?
- Pass component name in onChange [closed]
- Add another option to default link control settings panel?
- With full-site-editing menus, how do I create a non-linking top-level menu item with linking sub-pages
- Different style options for the same block depending where it is used
- How to extract ‘intro’ block from page content, but later strip from page main content
- Add a new option to Social Link block
- Editing Inline fonts/typeface using the block editor
- What is the proper way of using React Hooks in Gutenberg on frontend?
- How to add Gutenberg editor on frontend page?
- WordPress gutenberg block serverside rendering html elements not showing up
- Gutenberg: change block Components Popover properties
- Unable to register a block using block.json in Block Editor
- $attributes not defined in block.json PHP template for ACF blocks