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

Question

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

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

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

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

Answer 1

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

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

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

TinyMCE editor prevents bubbling of scroll events