如何在 TinyMCE 对话框中显示页脚按钮

大佬教程收集整理的这篇文章主要介绍了如何在 TinyMCE 对话框中显示页脚按钮，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

如何解决如何在 TinymCE 对话框中显示页脚按钮？

我正在使用 TinymCE 5.6.2，但我的自定义对话框有一个奇怪的错误。我将其设置为大尺寸，并带有内容的选项卡面板。我有一个标题和两个按钮设置。当对话框打开时，按钮被按下，这样你就可以看到顶部的几个像素。看起来像一些媒体断点问题，因为当我调整窗口大小时，按钮在 654 像素及以下的高度完全可见。

如何让这些按钮一直显示？

    Tinymce.PluginManager.add('imagegallery',function (editor,url){
        editor.ui.registry.addbutton('imagegallery',{
            icon: 'gallery',tooltip: 'Image gallery',onAction: function() {
                editor.windowManager.open({
                    title: 'Image gallery',size: 'large',body: {
                        type: 'tabpanel',tabs:[
                            {
                                name: 'upload',title: 'Upload',items: [
                                    {
                                        type: 'dropzone',name: 'dropzone'
                                    }
                                ]
                            },{
                                name: 'site',title: 'My Images',items: [
                                    {
                                        type: 'HTMLpanel',HTML: '<div ID="myImages" class="img-flex-grID"></div>'
                                    }
                                ]
                            },{
                                name: 'shared',title: 'Shared',items: [ 
                                    {
                                        type: 'HTMLpanel',HTML: '<div ID="sharedCategorIEs" style="float: left; min-wIDth: 150px; BACkground-color: lightgray; Font-size: 14px; color: rgba(34,47,62,.7);"></div><div ID="sharedImages" class="img-flex-grID" style="float: right; wIDth: 900px"></div>'
                                    }
                                ]
                            },],},buttons: [
                        {
                            type: 'submit',text: 'SELEct',name: 'SELEct',Disabled: true,priMary: true,{
                            type: 'cancel',text: 'Close'
                    }],onChange: function(dialogInstance,details) {
                        handleinputChange(dialogInstance,details);
                    },onsubmit: function() {
                        handlesubmit();
                    },onTabChange: function(dialogInstance,details) {
                        handleMainTabChange(dialogInstance,details.newTabName)
                    }
                });
            }
        });
    }

解决方法

.tox-dialog--width-lg {
    min-height: 650px !important;
    height: auto !important;
}

大佬总结

以上是大佬教程为你收集整理的如何在 TinyMCE 对话框中显示页脚按钮全部内容，希望文章能够帮你解决如何在 TinyMCE 对话框中显示页脚按钮所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。