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时，滚动可以正常工作。