解决wangeditor点击全屏被遮挡的问题

问题页面

尝试过的方法

1

添加样式
#editor-wrapper {
z-index: 1000; /* 设置一个较大的值 */
}
无效

2

包裹在el-from标签里
无效

解决

把编辑器放在div中 注意在div中加上zindex，并且设置的层级高一点

整体代码

    <div style="z-index: 1001; position: relative;">
      <div class="wangeditor">

        <Toolbar :editor="editorRef" :defaultConfig="toolbarConfig" :mode="mode" style="border-bottom: 1px solid #ccc" />
        <Editor v-model="valueHtml" :defaultConfig="editorConfig" :mode="mode" style="height: 300px; overflow-y: hidden"
          @onCreated="handleCreated" />
      </div>

    </div>

1
2
3
4
5
6
7
8
9
10

解决