父级上的 CKEditor“溢出:滚动”导致工具栏冻结在初始位置

2023-12-03

当您使用以下命令将 CKEditor 添加到 div 内的 div 时:“overflow:scroll”,滚动父 div 时工具栏不会移动...

<div id="wrapper" style="overflow: scroll;">
    <div contenteditable="true">This is the ckedito</div>     
</div>

可以在这里找到一个例子:​http://jsfiddle.net/W8Dt4/

有谁知道解决这个问题的方法?

我认为期望的行为是:

  • 当有足够的空间时,将工具栏保留在编辑器 div 的顶部。
  • 当顶部空间不足且底部空间充足时,将工具栏移至编辑器 div 的底部。

使用版本 4.4.3,我能够通过触发窗口滚动事件来解决这个问题,其方式与 CKEditor 中其他区域中的处理方式类似。将滚动事件附加到具有以下内容的父容器:溢出:滚动;设置它并触发窗口滚动。定位有点笨拙,但仍然有效。

$("#parent-with-scroll").on('scroll', function (evt) {
    CKEDITOR.document.getWindow().fire('scroll');
});
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

父级上的 CKEditor“溢出:滚动”导致工具栏冻结在初始位置 的相关文章

随机推荐