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

码农小王123123

于 2023-11-22 17:01:29 发布

阅读量843

点赞数 1

文章标签：富文本编辑器 wangeditor javascript 前端

本文链接：https://blog.csdn.net/m0_56666791/article/details/134557347

版权

问题页面

在这里插入图片描述

尝试过的方法

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>