Open developer tools in the browser and check for errors in console. To better understand the errors, set define(SCRIPT_DEBUG, true) in your wp-config.php. Remember to turn this option off when done with debugging, because it uses dev version of React and slows down page. Install React Developers Tools and Redux DevTools (if needed) – available … Read more
You’ve gone with a class based component and the normal solution for this problem is that you forgot to use useBlockProps. Your edit component and save components do not use useBlockProps: edit: ( props ) => { return <ServerSideRender block=”wp-portfolio-manager/wppm-block”></ServerSideRender>; }, save: (props) => { return null; } Wrap your server side render component in … Read more
Add a Page Screen is Visually Blank
Can’t add front end script file using block.json for a custom block
if you are using classic TinyMCE editor then perhaps you can modify it add custom styles. Following code may help you create visual buttons for adding inline styles. // Add Formats Dropdown Menu To MCE if ( ! function_exists( ‘mk_style_select’ ) ) { function mk_style_select( $buttons ) { array_push( $buttons, ‘styleselect’ ); return $buttons; } … Read more
Auto focus RichText field
https://github.com/WordPress/gutenberg/pull/29717 This PR adds a check for button text before rendering the Button block on the front-end. This prevents an empty from displaying on the front-end. What you are trying to do is considered a bug and was fixed in March 2021. The result was empty tags which cause validation and accessibility issues, as well … Read more
Pass custom props to
Is there a function to “blockify” html?
Setting fontSize within core/heading