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

问题页面

解决wangeditor点击全屏被遮挡的问题_第1张图片

尝试过的方法

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>

解决

解决wangeditor点击全屏被遮挡的问题_第2张图片

你可能感兴趣的:(富文本编辑器,wangeditor,javascript,前端)