Question

我的弹出窗口中有一个tinymce编辑器，但是不能使用工具栏（文件，编辑，格式等），因为我在弹出窗口中，所以它们对我不可见。

示例代码：

   $('#popupdId").arcticmodal({
    overlay: {
        css: {
            backgroundColor: '#000',
            opacity: 0.6
        }
    },
    afterClose:function () {
        showBodyYScroll();
    }
});

     tinymce.init({
    selector: '#testId",
    plugins: "link",
    setup: function (editor) {
        editor.on('init', function () {
            this.setContent('');
        });
    }
});

我的tinymce示例： https://clip2net.com/s/3ZFngUM

也许有一些正确的方法可以将tinymce添加到弹出窗口中，例如append或其他方法？

Answer 1

菜单栏（带有文件，编辑等的区域）在屏幕快照中肯定可见。我怀疑您的意思是他们被禁用了（例如，您实际上无法单击它们）？

某些模态环境希望取消屏幕上其他任何元素抢占焦点的能力。例如，在Bootstrap中，您将执行以下操作：

$(document).on('focusin', function(e) {
  if ($(e.target).closest(".mce-window").length) {
    e.stopImmediatePropagation();
  }
});

不知道您在模态中使用什么，但这可能是一个问题。

我还将查看CSS，看看您是否有一些影响菜单栏的CSS。

理想情况下，您可以制作一个JS Fiddle或CodePen来显示此问题的实际作用，以便人们可以确切地看到您如何进行设置。

为什么工具栏在弹出的TinyMCE编辑器中不起作用？

1 个答案: