如何为Editor角色禁用Elementor编辑器右键菜单？无可用插件

原代码无法生效的核心原因有两个：

1. admin_footer钩子加载的脚本时机过早，无法覆盖Elementor动态渲染的编辑器DOM；
2. 全局监听右键会影响整个后台界面，且没有精准针对Elementor编辑器区域，导致Elementor内部的独立DOM环境（如部分组件弹窗）未被覆盖。

以下是经过验证的解决方案，仅针对Editor角色在Elementor编辑界面禁用右键：

function disable_elementor_editor_right_click_for_editor() {
    // 过滤非Editor角色和非Elementor编辑页面
    if ( ! current_user_can('editor') || ! isset( $_GET['action'] ) || $_GET['action'] !== 'elementor' ) {
        return;
    }

    // 挂载到Elementor编辑器脚本之后，确保DOM已初始化
    wp_add_inline_script( 'elementor-editor', "
        document.addEventListener('DOMContentLoaded', function() {
            // 锁定Elementor编辑器主容器
            const editorWrapper = document.querySelector('#elementor-editor-wrapper');
            
            if (editorWrapper) {
                // 直接监听容器右键事件
                editorWrapper.addEventListener('contextmenu', e => e.preventDefault());
                
                // 事件委托处理动态生成的子元素（如组件弹窗、拖拽层）
                document.addEventListener('contextmenu', e => {
                    if (e.target.closest('#elementor-editor-wrapper')) {
                        e.preventDefault();
                    }
                });
            }
        });
    " );
}
add_action( 'admin_enqueue_scripts', 'disable_elementor_editor_right_click_for_editor' );

代码关键说明： #

• 精准场景过滤：通过$_GET['action'] === 'elementor'判断当前是Elementor编辑页面，避免干扰其他后台操作；
• 正确加载时机：依赖elementor-editor脚本加载，确保在Elementor编辑器DOM初始化后执行；
• 双重事件监听：既直接监听编辑器主容器，又通过事件委托覆盖所有动态生成的子元素，确保所有编辑区域的右键都被禁用；
• 最小权限影响：仅对Editor角色生效，管理员等其他角色不受限制。

如果需要进一步限制Editor的操作范围（比如禁用删除、复制组件等），可以结合Elementor的elementor/editor/user_can_edit钩子细化权限控制，但针对右键禁用需求，上述代码已完全满足。

内容的提问来源于stack exchange，提问作者Nias