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

toolbar: 'footerButton | undo redo | formatselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | removeformat | link image'

tinymce.PluginManager.add('footerButton', function(editor, url) {
    // 创建一个按钮
    editor.addButton('footerButton', {
        text: '页脚按钮',
        icon: false,
        onclick: function() {
            // 在这里添加按钮的点击事件处理逻辑
            alert('页脚按钮被点击了！');
        }
    });

    // 可选：为按钮提供自定义样式
    editor.addCommand('footerButtonStyle', function() {
        editor.execCommand('mceInsertContent', false, '<span class="footer-button">页脚按钮</span>');
    });

    // 当编辑器内容变化时，更新按钮状态
    editor.on('NodeChange', function(e) {
        editor.controlManager.setActive('footerButton', e.element.nodeName === 'SPAN' && e.element.className === 'footer-button');
    });
});

plugins: 'footerButton',