今天在这里遇见一个小问题:

wangeditor富文本框层级很高,挡住了其他组件

解决富文本框层级太高问题_下拉框

 

 

 下面是解决方案:

.w-e-menu {
  z-index: 2 !important;
}
.w-e-text-container {
  z-index: 1 !important;
}
.w-e-toolbar {
  z-index: 2 !important;
}

注：如果使用vue，则不要写在scoped内，否则无效

使用之后效果如下

 

解决富文本框层级太高问题_解决方案_02

 

 

但值得注意的是 w-e-toolbar层级和w-e-menu层级的z-index 应该是需要一致的

不然会导致字体的下拉框会显示不出来