javascript - TinyMCE 编辑器防止滚动事件冒泡

Question

我在具有自定义滚动条（通过 mCustomScrollbar）的容器中使用 TinyMCE，但是当我尝试滚动编辑器时，滚动卡住了。

这是一个演示它的小提琴（尝试使用鼠标滚轮滚动它）：https ://jsfiddle.net/moaLsfnv/

tinymce.init({ selector: ".mytextarea" });
$('#container1').mCustomScrollbar({ theme:"dark-3" });

有没有办法让编辑器冒泡所有滚动事件？

Answer 1

这不是编辑器的事情，而是 iframe 的事情。这是一个不加载 TinyMCE 的复制案例：

https://jsfiddle.net/1gw82qkb/

如果您想避免在编辑器中编辑内容，请尝试inline: true模式（尽管这意味着使用 div 而不是 textareas）：

https://jsfiddle.net/saw5hdmL/

但是，这会以不同的方式中断，因为 tinymce 依赖于窗口滚动事件来使工具栏在移动时跟随编辑器。但它确实表明了当您不使用 iframe 时滚动工作的意思。