by2025/admin-vben5
9
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

refactor: tinymce在modal下全屏

Browse Source
This commit is contained in:
dap 2025-06-12 14:58:15 +08:00
parent 78cd6677c3
commit 63d2b38fd1
1 changed files with 13 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
apps/web-antd/src/components/tinymce/src/editor.vue
View File

@ -202,6 +202,9 @@ const events = computed(() => {
</template> </template>
<style lang="scss"> <style lang="scss">
// 展开层元素z-index
$dropdown-index: 2025;
@mixin tinymce-valid-fail($color) { @mixin tinymce-valid-fail($color) {
.app-tinymce { .app-tinymce {
// 最外层的tinymce容器 // 最外层的tinymce容器
@ -219,7 +222,11 @@ const events = computed(() => {
.tox.tox-silver-sink.tox-tinymce-aux { .tox.tox-silver-sink.tox-tinymce-aux {
/** 该样式默认为1300的zIndex */ /** 该样式默认为1300的zIndex */
z-index: 2025; z-index: $dropdown-index;
}
.tox-fullscreen .tox.tox-tinymce-aux {
z-index: $dropdown-index !important;
} }
.app-tinymce { .app-tinymce {
@ -249,4 +256,9 @@ const events = computed(() => {
@include tinymce-valid-fail($error-color); @include tinymce-valid-fail($error-color);
} }
// 全屏下样式处理 不去掉transform位置会异常
div[role='dialog']:has(.tox.tox-tinymce.tox-fullscreen) {
transform: none !important;
}
</style> </style>