Can the multiple calls be combined inside just one useSelect selector? Yes, and here’s an example where my useSelect() returns an object that I unpack using the destructuring assignment (e.g. const { a, b } = myFunc() where myFunc() returns { a: ‘foo’, b: 123 }): const { groups, selectedGroup, faqs } = useSelect( ( … Read more
It is true that using RawHTML (or dangerouslySetInnerHTML) is discouraged and indeed prone to XSS attacks like <img src=x onerror=alert(1)//> and <p>abc<iframe//src=jAva	script:alert(3)>def</p>. But if you need to set HTML directly from React, then you’ll have to use dangerouslySetInnerHTML, either directly (e.g. <div dangerouslySetInnerHTML={ ({ __html: ‘foo <b>bar</b>’ }) } />) or via RawHTML in Gutenberg … Read more
This has been present since before the block editor, and even the classic editor, and can be seen in WordPress 2.0. It even predates proper metaboxes! In the block editor, the presence of the author field depends on wether the user has the action wp:action-assign-author, but there is no direct capability that determines this. If … Read more
You’ll want to target the block specifically via javascript. Brief example: wp.domReady(function() { wp.blocks.unregisterBlockType( ‘coblocks/map’ ); }); Save that to a js file and enqueue it via your custom function: add_action(‘enqueue_block_editor_assets’, ‘your_custom_enqueue_fucntion’)
In this case it seems a block pattern might suffice. The Group block has a templateLock attribute which can be set to all to prevent any additional blocks from being inserted within and also keep the Heading and Paragraph blocks from being moved or deleted. Here’s an example with the template lock and a custom … Read more
This happens because the Component need the correct data type. Use “number” when getting the value. Use “String” as the attributes type. const onChangeValue = ( newValue ) => { setAttributes( { value: String(newValue)} ) } <RangeControl label=”Rating” value={ Number(attributes.value) } onChange={ onChangeValue } min={ 1 } max={ 10 } step={ 0.5 } />
From the docs: https://developer.wordpress.org/block-editor/reference-guides/block-api/block-edit-save/#save Note: The save function should be a pure function that depends only on the attributes used to invoke it. It can not have any side effect or retrieve information from another source, e.g. it is not possible to use the data module inside it select( store ).selector( … ). This is … Read more
To get separate files for each block you’ll need to bring your own webpack config One as simple as this should work: const defaultConfig = require(‘@wordpress/scripts/config/webpack.config’); module.exports = { …defaultConfig, entry: { ‘hero’: ‘./src/hero’, ‘call-to-action’: ‘./src/callToAction’, }, }; Ryan Welcher has an example repo and a video walk-through of its creation (that link is to … Read more
Does select(“core/editor”).getEditedPostAttribute(“meta”) get the whole post meta? Only the meta registered using register_post_meta() or register_meta() with the show_in_rest argument set to true. So for example, the meta can be registered like so: register_post_meta( ‘post’, ‘_postcode_pricing_postal_town’, array( ‘show_in_rest’ => true, ‘single’ => true, ‘type’ => ‘string’, // I set this because the meta is *protected*, i.e. … Read more
It’s because you have multiline: true, as documented: By default, a line break will be inserted on Enter. If the editable field can contain multiple paragraphs, this property can be set to create new paragraphs on Enter.