block-editor

Figured it out myself after all. Instead of using the pre_render_block filter, use the render_block filter to do something like this: add_filter(‘render_block’, function($html, $block) { if ($block[‘blockName’] !== ‘core/tag-cloud’) { return $html; } $doc = new \DOMDocument($html, LIBXML_HTML_NOIMPLIED | LIBXML_HTML_NODEFDTD); $ps = iterator_to_array($doc->getElementsByTagName(‘p’)); $p = empty($ps) ? new \DOMElement(‘p’) : current($ps); return replaceChild($doc, $p, ‘div’, … Read more

How Add New Button to Gutenberg Editing Toolbar

Create a new custom block, lets call it CustomSecondary, that contains an InnerBlocks instance. When registering this block set it’s parent property to your main custom block and registerBlockType( ‘custom-secondary’, { parent: [‘your-main-block], edit: () => ( <InnerBlocks />) { .. your other properties } }); This will make it so this block can only … Read more

Pass PHP vars to gutenberg sidebar

I managed to get it to work, here is the correct code: JS file const { __ } = wp.i18n; const { registerBlockType } = wp.blocks; const { InspectorControls} = wp.blockEditor; const { PanelBody,ToggleControl } = wp.components; const BlockEdit = (props) => { const { attributes, setAttributes } = props; const { haveRead } = … Read more

WordPress filter post content with PHP before editing it in Gutenberg

I know it’s been awhile, but yes. You can check if a post uses blocks, check out has_blocks() : https://developer.wordpress.org/reference/functions/has_blocks/ I’m using it when filtering content, to see if I need to parse blocks or not.

How to get current post id in Gutenberg Block save function?