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

fix: tinymce theme

Browse Source
This commit is contained in:
dap 2024-08-20 14:49:30 +08:00
parent 460a5ff494
commit a6524088fa
2 changed files with 7 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
apps/web-antd/src/api/core/upload.ts
View File

@ -1,6 +1,6 @@
import { requestClient } from '#/api/request'; import { requestClient } from '#/api/request';
export function commonUploadApi(file: Blob | File) { export function uploadApi(file: Blob | File) {
return requestClient.upload('/resource/oss/upload', file); return requestClient.upload('/resource/oss/upload', file);
} }
/** /**

15
apps/web-antd/src/components/Tinymce/src/Editor.vue
View File

@ -15,12 +15,12 @@ import {
watch, watch,
} from 'vue'; } from 'vue';
import { preferences } from '@vben/preferences'; import { preferences, usePreferences } from '@vben/preferences';
import Editor from '@tinymce/tinymce-vue'; import Editor from '@tinymce/tinymce-vue';
import { isNumber } from 'lodash-es'; import { isNumber } from 'lodash-es';
import { commonUploadApi, type UploadResult } from '#/api/core/upload'; import { uploadApi, type UploadResult } from '#/api/core/upload';
import { buildShortUUID } from '#/utils/uuid'; import { buildShortUUID } from '#/utils/uuid';
import { bindHandlers } from './helper'; import { bindHandlers } from './helper';
@ -93,16 +93,13 @@ const containerWidth = computed(() => {
return width; return width;
}); });
const { isDark } = usePreferences();
const skinName = computed(() => { const skinName = computed(() => {
const theme = return isDark.value ? 'oxide-dark' : 'oxide';
preferences.theme.mode === 'auto' ? 'light' : preferences.theme.mode;
return theme === 'light' ? 'oxide' : 'oxide-dark';
}); });
const contentCss = computed(() => { const contentCss = computed(() => {
const theme = return isDark.value ? 'dark' : 'default';
preferences.theme.mode === 'auto' ? 'light' : preferences.theme.mode;
return theme === 'light' ? 'default' : 'dark';
}); });
/** /**
@ -183,7 +180,7 @@ const initOptions = computed((): InitOptions => {
return new Promise((resolve, reject) => { return new Promise((resolve, reject) => {
const file = blobInfo.blob(); const file = blobInfo.blob();
// const filename = blobInfo.filename(); // const filename = blobInfo.filename();
commonUploadApi(file) uploadApi(file)
.then((response) => { .then((response) => {
const { url } = response as unknown as UploadResult; const { url } = response as unknown as UploadResult;
console.log('tinymce上传图片:', url); console.log('tinymce上传图片:', url);