layui后台布局与百度富文本（ueditor）兼容性问题处理方案

layui后台布局与ueditor兼容性问题解决

原创已于 2024-01-12 07:05:07 修改 · 751 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#layui #前端 #javascript

于 2021-05-28 00:48:13 首次发布

前端同时被 2 个专栏收录

3 篇文章

订阅专栏

layui

2 篇文章

订阅专栏

在使用layui后台布局时遇到百度富文本编辑器ueditor的兼容性问题，主要表现为文章编辑时无法回到首行且工具栏卡住。解决方法是在页面或CSS中加入特定样式，隐藏部分元素并调整toolbar的样式，以实现兼容。

在使用layui后台布局时遇到了发布文章时使用百度富文本编辑器的兼容问题，有时文章写到了一半，无法回到首行，百度富文本编辑器菜单栏卡在顶部，只能手动操作。下面说下解决方案。

在页面或者css样式中引入一下css样式：

/* layui后台布局与ueditor兼容性问题处理方案 start */
#edui1>div:not([class]){
    display: none;
}
#edui1_toolbarbox{
    width: unset !important;
    z-index: unset !important;
    position: unset !important;
    top: unset !important;
}
/* layui后台布局与ueditor兼容性问题处理方案 end */