javascript - 如何使用 jQuery/Javascript 隐藏 WordPress 的 TinyMCE 图像编辑器对话框中的元素？

Question

我试图隐藏上传到帖子内容区域的图像的对齐单选按钮，但无法弄清楚如何将自定义 CSS 或 JS 文件添加到 Wordpress 图像编辑器对话框。

看起来该对话框是一个 TinyMCEPopup，由 HTML file 渲染。 ，而且我不知道如何使用 jQuery 操作 .mceWrapper 中的任何内容。我目前正在连接到 admin_enqueue_scripts 来加载下面的 JS:

    $('.mceWrapper iframe').load( function() {
        $(this).contents().find('tr.align').hide();
    });

Answer 1

我还没有检查过wordpress这个图像插件，但让我告诉你如何处理tinymce弹出窗口中的任何元素

所有弹出窗口都包含窗口实例，这些实例添加到tinymce.windowManager命名空间的windows变量中

tinyMCE.activeEditor.windowManager.windows 

将为您提供所有弹出的窗口..在您的情况下，只有一个窗口，所以

tinyMCE.activeEditor.windowManager.windows[0].getEl(0) 

, getEl 方法为您提供弹出窗口中的主要元素

将此元素与 jquery 连接起来，使用 find 方法找到所需的元素并将其隐藏。

例如前往tinymce.com => 打开任何窗口，例如插入视频或插入图像，然后在控制台中运行此行，它将隐藏所有容器元素..

$(tinyMCE.activeEditor.windowManager.windows[0].getEl(0))
.find('div.mce-container-body').hide();

希望有帮助