I have to select text from gutenberg editor. Purpose is to store and replace text

We have to select text from the Gutenberg editor. The purpose is to store and replace text. Please use this code to help us with you const { select } = wp.data; const selectedBlock = select(‘core/block-editor’).getSelectedBlock(); if (selectedBlock) { const selectedText = selectedBlock.attributes.content; console.log(“Selected Text:”, selectedText); // Store the selectedText as needed. } Replacing Text … Read more

How to render HTML content using the Interactivity API?

Rather than binding text with a directive, you could bind a callback with data-wp-watch that sets the inner HTML of the div when it runs: <div data-wp-watch=”callbacks.renderContent”></div> callbacks: { renderContent() { const context = getContext(); const element = getElement(); element.ref.innerHTML = context.randomPost.content.rendered; }, }, Since the callback uses context.randomPost.content.rendered, it should run any time that … Read more

Filtering the Navigation Block

First I was about to suggest you’d try replacing the render_callback of the core/navigation block. The custom rendering callback would have returned a class extending the WP_Navigation_Block_Renderer class. E.g. add_filter( ‘block_type_metadata_settings’, ‘wpse_426956_replace_core_nav_block_renderer’, 10, 2 ); function wpse_426956_replace_core_nav_block_renderer( array $settings, array $metadata ): array { if ( ‘core/navigation’ === $metadata[‘name’] ) { $settings[‘render_callback’] = ‘wpse_426956_my_core_nav_block_renderer’; } … Read more

Prevent block variation inside certain parent blocks

A variation is a representation of the original block. if block-1 allows the insertion of block-2; then block-1 will except all variations of block-2. core/columns only allows the insertion of a core/column. If I create a variation of core/column I would expect the core/column to accept my variation. And therefor the reverse should also to … Read more