我正在使用 froala 编辑器。https://www.froala.com/wysiwyg-editor
我面临的问题是当编辑器工具栏靠近窗口底部并且我们打开任何工具栏弹出窗口时,例如如下图所示图像上传弹出窗口。然后即使没有适当的空间,它的一部分也会被隐藏。理想情况下,它应该在这种情况下显示在工具栏的顶部。
请建议我如何解决这个问题。
我通过修改 froala_editor.js 文件解决了我的问题。我所做的是修改了弹出窗口的 Show 方法定义。
找出下面的评论并使用下面的 If/else 代码更新 if 条件。
if (editor.opts.toolbarBottom && $container && editor.$tb && $container.get(0) == editor.$tb.get(0)) {
popups[id].addClass('fr-above');
if (top) top = top - popups[id].outerHeight();
}
else if (top) {
if ((top + popups[id].outerHeight() + 31) > ($(window).height() + window.pageYOffset)) {
popups[id].addClass('fr-above');
popups[id].addClass('manual-above');
top = top - popups[id].outerHeight();
if (obj_height) {
top = top - obj_height;
}
}
}
并在隐藏方法中删除类。
popups[id].removeClass('manual-above');
并在 _topNormalized 方法中更新下面的代码。
if (p_offset + top + height > $(editor.o_doc).outerHeight() && $el.parent().offset().top + new_top > 0) {
top = new_top;
$el.addClass('fr-above');
}
else {
if (!$el.hasClass('manual-above')) {
$el.removeClass('fr-above');
}
}
这对我有用。希望这对其他人也有帮助。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句