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

Posted 2023-05-09

【中文标题】TinyMCE 编辑器防止滚动事件冒泡

【英文标题】：TinyMCE editor prevents bubbling of scroll events

【发布时间】：2019-08-13 18:11:07

【问题描述】：

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

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

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

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

【参考方案1】：

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

https://jsfiddle.net/1gw82qkb/

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

https://jsfiddle.net/saw5hdmL/

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