So what is the purpose of the namespace argument when calling the addFilter function? I am failing to find an explanation for the purpose of this argument. The core ticket for adding Javascript actions and filters is #21170 It spans many years and contains a lot of discussions about e.g. namespacing. See e.g. this comment … Read more
From the docs: If a selector is specified, the source behavior will be run against the corresponding element(s) contained within the block. You are telling your block to look at the same Element for the value of both your attributes.(The first p tag) Change the second selector to something like p:last-of-type or give your p … Read more
The property checked expects boolean value. (CheckboxControl) How did you define myAttr in attributes? If you set myAttr to ‘1’ or ‘0’ it is both true. Try empty instead of ‘0’ props.setAttributes({ myAttr: ” }) or false.
Registration of meta field must happen outside of admin area check. I had it enclosed in if (is_admin) check, so it was only happening when it passed this test. This was incorrect. The question is duplicate and original question and answer are here: Plugin Sidebar is not Saving Meta Attribute to Post/Page after “Update”
The shortcode doesn’t work because it’s wrapped inside quotes — “[current_user]”. But a better explanation is, because it’s in a HTML attribute. And it’s not a Gutenberg or the block editor problem; even with <?php echo do_shortcode( ‘<input name=”name” value=”[current_user]” type=”hidden”>’ ); ?>, the shortcode would still remain as-is. Because shortcodes in HTML attributes are … Read more
Looking at the documentation from https://developer.wordpress.org/block-editor/developers/block-api/block-deprecation/ I think you may need the following migrate( { text } ) { return { content: text }; }, So in your case: migrate( { avatarSize } ) { avatarSize: { type: ‘number’, default: 70 } content: text }; }, Hopefully points you in the correct direction
I know this is not going to make you happy, but — unless you copy the relevant UI component and edit it (so that it would allow a HTML string), and then use it instead — you can’t stop the HTML from being escaped. And I’m pretty sure you know why would/should it be escaped.. … Read more
There is a controls prop you can use which is an object. It goes inside. Controls has an icon key which takes a string which corresponds to a Dashicon slug. <BLockControls controls={[ icon=”wordpress” title=__(“Test”, “gutenberg-examples”), onClick: () => { doSomething }, isActive: false ]} />
Turns out, you need to manually add the wrapper class in the edit function. Here’s the source – https://developer.wordpress.org/block-editor/developers/block-api/block-edit-save/#classname I changed this line – <section className={`text-section-one`} style={{ backgroundColor: `${bgColor}`}} > to <section className= { `${props.className} text-section-one`} style={{ backgroundColor: `${bgColor}`}} > and it solved problem.
Advanced Custom Fields PRO makes it very easy. You can even get a visual interface with ACF Extended. I use ACF, but if you’re looking for a free option, I just found one called Block Lab that seems promising.