how do I esc them? You don’t, both approaches are fundamentally wrong in multiple ways that make them irrecoverable. First Case echo “<script> alert( ‘Authorization successful. Hello ‘ + ‘$me’)</script>”; In this scenario we are trying to use alert to display a string, and append both values together. Aside from the usage of alert there … Read more
Event when Modal is opened/visible
Smooth Scrolling Animation of Image Between Two Containers (Elementor) Using JavaScript and GSAP
How do I expose the current logged in users name/etc to javascript?
It turns out that it wasn’t really needed to find the default font as an empty string is interpreted as the default font. I just did it this way: <FontFamilyControl> value={ buttonFontFamily || ” } onChange={ ( newFontFamily ) => { setAttributes({ buttonFontFamily: newFontFamily }) } } </FontFamilyControl> Another important thing to notice here is … Read more
When developing a block with @wordpress/scripts, wp-scripts uses @wordpress/dependency-extraction-webpack-plugin to allow you to import dependencies from WordPress by replacing the import statements with references to the global variables loaded by the enqueued scripts. For example, this: import { useEffect } from ‘@wordpress/element’ Will become: const { useEffect } = wp.element; And wp-element will be added … Read more
You are already using the correct action, i.e. wp.data.dispatch( ‘core/editor’ ).editPost(), however, you should instead change the property named template. I.e. wp.data.dispatch( ‘core/editor’ ).editPost( { template: ‘article.php’ } ) Yes, _wp_page_template is the meta key in the database, but in the REST API, a property named template exists in place of direct access on that … Read more
Your code isn’t at fault. The Masonry library doesn’t support this cross frame scenario. I can think of three ways you might get past this: Inject the masonry script into the iframe so it could be used from within the iframe Patch the masonry script and ship that version with your plugin Find an alternative … Read more
It’s probably related to how you’re loading that JS file, which causes it to run before the element is available (despite domReady). You didn’t show how you’re loading the file etc, but your code works for me in a standard Gutenberg block edit.js: export default function Edit() { domReady( function () { const postTitleWrapper = … Read more
What is the right and clean way to load these files in WordPress? The same way as you’ve always done it, wp_enqueue_script. WordPress is unaware that webpack created the javascript file, and it is just that, a javascript file. This is true wether it contains jquery, was written by hand, or was created by a … Read more