You can define a getEditWrapperProps function when you register the block, and return an object that sets the props for the wrapper. The function will be passed the props for the block, in case those are needed. registerBlockType( ‘wpse/example-get-edit-wrapper-props’, { title : ‘getEditWrapperProps() Example’, // … getEditWrapperProps( props ) { return { ‘data-foo’: ‘bar’, ‘data-quix’: … Read more
In addition to loading the wp-api script as mentioned here: wp_enqueue_script( ‘wp-api’ ); // or use below when enqueueing as dependency //wp_enqueue_script( ‘my_script’, ‘path/to/my/script’, array( ‘wp-api’ ) ); You should also know that each collection is a function (equivalent to a class in PHP), so you need to use the new keyword to instantiate a … Read more
If we do this in the browser dev tools console: var b = wp.data.select(“core/editor”); We can then inspect the b variable to see what functions it exposes via autocomplete, or debugging tools. Notice, I didn’t call getBlocks(), the post title has never been a part of the post content, why would that change now? A … Read more
Bottom border (HR) can be removed using CSS: #__BLOCK_ID__.postbox:not(.closed) .postbox-header{ border-bottom: none; } p.s. change __BLOCK_ID__ to first parameter used in add_meta_box() function.
You can access the blocks used in the post in js using getBlocks(): wp.data.select( ‘core/block-editor’ ).getBlocks(); In terms of updating on changes – the editor saves all it’s data in a store, so you would want to subscribe and react based on what changes you need to react to. As an example: ( () => … Read more
So what is the complete list of supported values? The list of available format types is maintained in the core/rich-text store. You can query the store by running this code in your browser’s console, which will return an array containing the format types: wp.data.select( ‘core/rich-text’ ).getFormatTypes(); And as of writing, there are 10 default/core format … Read more
How can I make this working? Not sure if there’s a better way, but I’d use subscribe() in the @wordpress/data package: const { registerBlockStyle } = wp.blocks; const { subscribe, select } = wp.data; wp.domReady( () => { const unsubscribe = subscribe( () => { const postType = select( ‘core/editor’ ).getCurrentPostType(); // 1. Unsubscribe once … Read more
The WordPress components docs are pulled from the development branch of the repository, meaning they may describe features and functionality that have yet to be released. With the current version of the library used in WordPress, you declare the variant with the isPrimary, isSecondary, or isTertiary property: <Button isSecondary onClick={open}> Select image… </Button>
@morgan-estes Great solution but it i think it should be better to add_filter in else so the next block or content gets filter with WPAUTOP /** * Try to disable wpautop inside specific blocks. * * @link https://wordpress.stackexchange.com/q/321662/26317 * * @param string $block_content The HTML generated for the block. * @param array $block The block. … Read more
save (JS) By default, the save function outputs the content using this as return: <InnerBlocks.Content /> This part is ok, you should still return <InnerBlocks.Content /> in your save function: save: props => <InnerBlocks.Content /> Source If you are using InnerBlocks in a dynamic block you will need to save the InnerBlocks in the save … Read more