调整厚盒大小

发布于 2025-01-04 02:01:12 字数 149 浏览 2 评论 0原文

我尝试创建一个 WordPress TinyMCE 插件,它将使用 Thickbox 来显示弹出对话框。

现在,我想知道是否有一种方法可以根据屏幕尺寸调整 Thickbox 的大小,而不是基于我可以在插件开发中提供的宽度和高度的静态值。

有什么想法吗?

I try to create a WordPress TinyMCE plugin, that will use the Thickbox in order to display the popup dialog.

Now, I like to know if there is a way to resize the Thickbox, based on screen size, and not based on static values for width and height I can give on plugin development.

Any idea please ?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

清晨说晚安 2025-01-11 02:01:12

好的,我找到了解决方案,我将其放在这里以供其他成员将来使用。

我将以下代码插入 TinyMCE 插件代码中:

ed.addCommand(
    'openPluginDialog', 
    function()
    {
        var w = window.innerWidth;        // Get the inner window width
        var h = window.innerHeight;       // Get the inner window height

        w = (w * 90) / 100;               // Calculate the dialog width
        h = (h * 85) / 100;               // Calculate the dialog height

        ed.windowManager.open(
            {
                file : url + '/plugin_dialog.html',
                width : w,                // The calculated window width
                height : h,               // The calculated window height
                inline : 1,
                title: 'Plugin dialog title'
            },
            {
                plugin_url : url
            }
        );
    }
);

OK, I found out the solution, and I place it here for the future use of another member.

I plug the following code into the TinyMCE plugin code:

ed.addCommand(
    'openPluginDialog', 
    function()
    {
        var w = window.innerWidth;        // Get the inner window width
        var h = window.innerHeight;       // Get the inner window height

        w = (w * 90) / 100;               // Calculate the dialog width
        h = (h * 85) / 100;               // Calculate the dialog height

        ed.windowManager.open(
            {
                file : url + '/plugin_dialog.html',
                width : w,                // The calculated window width
                height : h,               // The calculated window height
                inline : 1,
                title: 'Plugin dialog title'
            },
            {
                plugin_url : url
            }
        );
    }
);
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文