When using tinymce in el-dialog, the toolbar drop-down box is blocked when clicking on it

When using the tinymce control in el-dialog, the drop-down box on the toolbar will appear one layer below the pop-up window. After reviewing the elements, it was found that the z-index priority of the drop-down box of tinymce is lower than the z-index of el-dialog. , so you need to increase the z-index value of tinymce's drop-down box.

Insert image description here

Obtained by inspecting the elements, the priority of the tox-tinymce-aux element needs to be modified:

<style lang="scss">
/* 在el-dialog中使用tinymce  z-index被遮挡 */
.tox-tinymce-aux {
    
    
  z-index: 9999 !important;
}
</style>

that's it:
Insert image description here

おすすめ

転載: blog.csdn.net/qq_41910413/article/details/134059542