Changeset 3452163

Timestamp:

02/02/2026 02:11:00 PM (8 weeks ago)

Author:

khr2003

Message:

Make plugin compatible with WordPress 6.9

Location:

editor-block-outline/trunk

Files:

• README.md (modified) (previous)
• controls/block-class-option.js (modified) (1 diff)
• controls/block-data-position.js (modified) (1 diff)
• controls/block-name-option.js (modified) (1 diff)
• controls/enable-block-padding-option.js (modified) (1 diff)
• outline.php (modified) (2 diffs)
• readme.txt (modified) (2 diffs)
• utils.js (modified) (1 diff)

editor-block-outline/trunk/controls/block-class-option.js

@@ -24 +24 @@
 
             // update editor ui
-            jQuery('body').attr('show-class-name', value);
+            const body = getDocumentBody();
+            body.attr('show-class-name', value);
 
-            // Update editor UI for WP6.2+ (Iframe Editor) 
-            jQuery('iframe.editor-canvas__iframe').contents().find('body').attr('show-class-name', value);
-            
             // update meta
             this.debounce(() => {

editor-block-outline/trunk/controls/block-data-position.js

@@ -38 +38 @@
 
                     // update editor ui
-                    jQuery('body').attr('block-data-position', key);
-
-                    // Update editor UI for WP6.2+ (Iframe Editor) 
-                    jQuery('iframe.editor-canvas__iframe').contents().find('body').attr('block-data-position', key);
+                    const body = getDocumentBody();
+                    body.attr('block-data-position', key);
 
                     // update meta

editor-block-outline/trunk/controls/block-name-option.js

@@ -23 +23 @@
             });
 
-            // update editor ui
-            jQuery('body').attr('show-block-name', value);
-
-            // Update editor UI for WP6.2+ (Iframe Editor) 
-            jQuery('iframe.editor-canvas__iframe').contents().find('body').attr('show-block-name', value);
+            // Update Editor UI
+            const body = getDocumentBody();
+            body.attr('show-block-name', value);
 
             // update meta

editor-block-outline/trunk/controls/enable-block-padding-option.js

@@ -24 +24 @@
 
             // update editor ui
-            jQuery('body').attr('enable-outline-padding', value);
-
-            // Update editor UI for WP6.2+ (Iframe Editor) 
-            jQuery('iframe.editor-canvas__iframe').contents().find('body').attr('enable-outline-padding', value);
+            const body = getDocumentBody();
+            body.attr('enable-outline-padding', value);
 
             // update meta

editor-block-outline/trunk/outline.php

@@ -3 +3 @@
 Plugin Name: Editor Block Outline
 Description: Add outline around Gutenberg blocks while editing
-Version: 1.4.2
+Version: 1.4.3
 Author: Kalimah Apps
 Author URI: https://github.com/kalimahapps
@@ -25 +25 @@
     public function __construct() {
         add_action( 'init', array( $this, 'register_user_meta' ) );
-        add_action( 'enqueue_block_editor_assets', array( $this, 'add_editor_assets' ) );
-        add_action( 'enqueue_block_editor_assets', array( $this, 'add_init_scripts' ) );
+        add_action( 'enqueue_block_assets', array( $this, 'add_editor_assets' ) );
+        add_action( 'enqueue_block_assets', array( $this, 'add_init_scripts' ) );
     }
 

editor-block-outline/trunk/readme.txt

@@ -3 +3 @@
 Tags: gutenberg,outline,editor,blocks,layout
 Requires at least: 5.0
-Tested up to: 6.5
-Stable tag: 1.4.2
+Tested up to: 6.9
+Stable tag: 1.4.3
 Requires PHP: 7.0
 License: GPLv2 or later
@@ -39 +39 @@
 
 == Changelog ==
+= 1.4.3 =
+- Update to make it compatible with WordPress 6.9
 
 = 1.4.1 =

editor-block-outline/trunk/utils.js

@@ -6 +6 @@
  */
 const getDocumentRoot = () => {
-    const iframeRoot = document.querySelector('iframe.editor-canvas__iframe')?.contentDocument.documentElement;
+    const iframeRoot = document.querySelector('iframe[name="editor-canvas"]')?.contentDocument.documentElement;
     return iframeRoot ?? document.documentElement;
 }
 
 const getDocumentBody = () => {
-    const iframeBody = jQuery('iframe.editor-canvas__iframe').contents().find('body');
+    const iframeBody = jQuery('iframe[name="editor-canvas"]').contents().find('body');
     return iframeBody.length ? iframeBody : jQuery('body');
 }