You asked the question a long ago but I was looking for something similar and found a solution. Enqueue an admin side script on post edit screens(where we have tinyMCE). Then use the code below: (function($) { ‘use strict’; $(document).ready(function() { $(document).on( ‘click’, ‘#mce-modal-block’, function() { tinyMCE.activeEditor.windowManager.close(); }); }); })(jQuery); This way you can close … Read more
Here’s a Step by Step Guide to adding Javascript into Pages: Step 1: Log into WordPress Step 2: Navigate to whichever page you want to add the scripts onto. Step 3a: If you have some kind of Page Builder you’ll need to click the “Basic Editor” button or something similar so you get the Default … Read more
Does WordPress ship any polyfills of its own for the global environment? No, as far as I remember WP core doesn’t ship with any polyfills. What are best practices around handling/shipping polyfills in WordPress plugins? The typical practice for JS in public WP extensions is to either: stick with core–provided scripts/environment; isolate your code and … Read more
Decoding that JavaScript “gibberish” reveals that this is a script to open a popup with ads in it after the user clicks somewhere. The mean part is that these popups won’t be shown if you’re currently logged in. That’s why these scripts often go unnoticed. Here’s a redacted excerpt: var t = false; document.onclick= function(event) … 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
You are using this flatpickr, right? So I don’t use Elementor and therefore, I haven’t tested this with Elementor or an Elementor form. However, from what I could see, all you need to do to make both the minDate and dateFormat work, is add this: if ( self.settings.dateFormat ) { pickerSettings.dateFormat = self.settings.dateFormat; } above … 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>
First a bit of advise (since the solution is based on it) – always “enqueue” your scripts, don’t just add them in the footer. Read this, for example . Now the solution for loading scripts on specific template, since this is what you asked for: function enqueue_themescrits() { if ( is_page_template(‘contact.php’) ) { //the file … Read more
✨ Intro to the Gutenberg Data Module ✨ Gutenberg’s core data model shares a lot of the API and ideology of the state-management library Redux, with a number of differences. Reading up on Redux can provide a lot of insight into how Gutenberg’s data management functions. This lecture will be on the final exam. Application … Read more
wp_localize_script takes an array of data (in PHP) spits out a javascript. It’s a way for you to add dynamic data for a specific script to the front end without having to hook into wp_head or wp_footer and echo it out yourself. More over, wp_localize_script outputs your data right above the script you enqueued. Hooking … Read more