Extend core block in Gutenberg

Not a real answer alert

This sounds like a long term bad idea. You are modifying a core functionality with something which do not inherit any of the generated markup of the original block. Any later processing of the block might make assumption about the markup based on the block name, but the assumptions might be wrong and it will be hard to pinpoint why as the block has the expected name.

Just like with widgets and shortcodes, if you are going to basically fork the block you should just create a new one. Modifying a block should be done only when all you do is modifying some small aspect of it, and maybe not even then.

(I do realize that you might be just playing around, but still a new block is much more KISS compatible considering the code you show here)

Related Posts:

  1. How to use wp.hooks.addAction() in React JS/Gutenberg?
  2. Hooking a callback into the code within a Gutenberg block
  3. What do the args for Gutenberg subpackage “hooks” function “doAction” mean?
  4. Use useSelect/useDispatch instead of withSelect/withDispatch
  5. How to use wp.hooks.addAction() in React JS/Gutenberg?
  6. useSelect second parameter
  7. Get terms of a taxonomy using useSelect
  8. Issue migrating a checkbox-type meta field to the block editor
  9. Trigger Javascript on Gutenberg (Block Editor) Save
  10. Gutenberg – remove / add blocks with custom script
  11. How to only enqueue block javascript on the frontend when its needed [duplicate]
  12. Show control conditionally in Gutenberg
  13. Gutenberg custom block plugin with custom image sizes
  14. How to get the ToggleControl Gutenberg component working for a PHP Block
  15. Is there a core Sortable component in Gutenberg?
  16. conditional layout based on if Innerblocks is not empty
  17. getEntityRecord without knowing the post type
  18. Gutenberg extend blocks add new class name
  19. initial open/toggle PluginDocumentSettingPanel panel in document setting block editor gutenberg
  20. Is there an equivalent of the PHP function sanitize_key in Gutenberg?
  21. When using the block.getSaveElement hook can you output different markup based on whether or not you are in the edit view or the live page view?
  22. How do I fire a snackbar notice in admin?
  23. Gutenberg Modify core taxonomy panel element via wp.hooks.addFilter
  24. What is “open()” in MediaUpload?
  25. Why is this gutenberg custom format button only available from the toolbar as a dropdown?
  26. Provide specific example for block variation
  27. How to handle Gutenberg wp.data async errors?
  28. Set current tab on a Gutenberg TabPanel component from outside that component
  29. Block editor: How to check if block editor has initialized and populated the data store?
  30. Load script after block is inserted
  31. Gutenberg block “This block appears to have been modified externally” on save
  32. How do I access site and block editor state data and use `useSelect()` or `withSelect()` to bind it to my components?
  33. Gutenberg passing block attributes to component in ES6/ESNext
  34. Can the index.asset.php file be used with the enqueue_block_editor_assets action?
  35. How can I add Block Style support to the core HTML block in Gutenberg?
  36. var is undefined in a Gutenberg block
  37. Gutenberg add extra attributes to custom format
  38. How to update a meta field of type array in Gutenberg
  39. Using wp.data.select get actual tags (not id’s) used in post
  40. How to remove p / br elements from gutenbergs editor
  41. Programatically update posts in database from one block to another using transform
  42. Gutenberg getMedia() in post query doesn’t return all featured images
  43. How to transform a legacy widget into a block
  44. Gutenberg: Block validation Failed Richtext undefined
  45. Gutenberg select categories
  46. Add custom HTML markup to Gutenberg RichText
  47. Listening change event of taxonomy term checkboxes in Gutenberg editor
  48. Gutenberg get core data – search
  49. What is the correct way to import the blocks-editor?
  50. Gutenberg extend blocks add new class name
  51. How to add classes and events to image in javascript using Gutenberg?
  52. Checks when fetching data from multiple REST API endpoints in Gutenberg
  53. Search for a keyword across post types in a Gutenberg component
  54. Using apiFetch for retrieving post data in Gutenberg
  55. Add custom classes for blocks in editor based on custom attributes
  56. How to load an additional script for a block in the block editor?
  57. is_front_page() variable not found
  58. How can I allow HTML in Gutenberg UI elements help text?
  59. what is the purpose of the namespace argument when customizing blocks?
  60. Trigger wp-embed via JavaScript to refresh iframe preview?
  61. Gutenberg getBlockIndex in save() function
  62. Widgets and Post/Page edit/new blank, console errors only, no server errors
  63. Trying to turn the Edit function into a class to be able to use React lifecycle methods
  64. Gutenberg richtext block vaildation failed
  65. UnitControl – Block has encountered an error
  66. Conditional save return on Gutenberg Block
  67. Can I alter the block editor’s paste text behavior?
  68. Custom Gutenberg-Block esnext pass variables
  69. Building a Featured Gallery component for Gutenberg
  70. Gutenberg dependencies in package.json
  71. How to read inline-CSS from Gutenberg block?
  72. Custom Gutenberg block: access dom element via JavaScript
  73. Custom Block – save.js function not saving attributes
  74. Gutenberg – useEffect manipulate DOM after block re-renders DOM
  75. Cannot read properties of undefined (reading ‘show_ui’) Error on WordPress Post Editor
  76. Refresh Gutenberg with JS for it show updated post
  77. Trigger function on Remove block or add new block in Gutenberg JavaScript
  78. Including dependencies using @wordpress/dependency-extraction-webpack-plugin
  79. Gutenberg – dynamically created element: how to set onChange?
  80. Client side pre-save Javascript hook on all admin pages
  81. Call javascript function when add_attachment hook fires
  82. Custom block update rendering when reused
  83. WordPress Gutenberg Ajax request
  84. WP Gutenberg – custom block with two content fields
  85. How do I make a savable preview like Youtube Gutenberg block?
  86. Gutenberg Edit Block Inspector Controls and save
  87. Spans in gutenberg
  88. iFrame onLoad in custom Gutenberg block
  89. Block pattern conflict with custom block
  90. Table block variation with header section activated
  91. Filtering Gutenberg Components, not Blocks
  92. Where to include JS library in gutenberg blocks
  93. How to delete child block for associated parent block
  94. Passing object to FormTokenField suggestions
  95. Is it possible to add javascript to template parts
  96. How to add a new attribute to core wp block editor without npm?
  97. How do i get an Inline style in Gutenberg Block show up in front end?
  98. WordPress adds and tags into HTML blocks after saving
  99. Gutenberg core/file add style support in js/ json
  100. Working with a non-React external library in a custom block

Leave a Comment