From 16f6e7673040214971ad88e684adfe664f8a4573 Mon Sep 17 00:00:00 2001
From: dataeaseShu <tong.shu@fit2cloud.com>
Date: Thu, 23 Nov 2023 17:04:56 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E5=B5=8C=E5=85=A5=E5=BC=8F=E7=9A=84?=
 =?UTF-8?q?=E5=9C=BA=E6=99=AF=E4=B8=8B=EF=BC=8C=E9=83=A8=E5=88=86=E9=9D=99?=
 =?UTF-8?q?=E6=80=81=E8=B5=84=E6=BA=90=E6=97=A0=E6=B3=95=E5=8A=A0=E8=BD=BD?=
 =?UTF-8?q?=E3=80=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/custom-component/rich-text/DeRichEditor.vue        | 7 ++++---
 .../src/custom-component/rich-text/DeRichTextView.vue      | 7 ++++---
 .../src/custom-component/rich-text/DeRichTextViewBack.vue  | 7 ++++---
 core/core-frontend/src/utils/url.ts                        | 3 +++
 4 files changed, 15 insertions(+), 9 deletions(-)
 create mode 100644 core/core-frontend/src/utils/url.ts

diff --git a/core/core-frontend/src/custom-component/rich-text/DeRichEditor.vue b/core/core-frontend/src/custom-component/rich-text/DeRichEditor.vue
index 867085704f..1b18cac782 100644
--- a/core/core-frontend/src/custom-component/rich-text/DeRichEditor.vue
+++ b/core/core-frontend/src/custom-component/rich-text/DeRichEditor.vue
@@ -3,6 +3,7 @@
 </template>
 
 <script setup lang="ts">
+import { formatDataEaseBi } from '@/utils/url'
 //JS部分
 //在js中引入所需的主题和组件
 import tinymce from 'tinymce/tinymce'
@@ -58,9 +59,9 @@ const tinymceId = ref('vue-tinymce-' + +new Date() + ((Math.random() * 1000).toF
 const init = reactive({
   // inline: true, // 开启内联模式
   selector: '#' + tinymceId.value, //富文本编辑器的id,
-  language_url: '/tinymce-dataease-private/langs/zh_CN.js', // 语言包的路径，具体路径看自己的项目，文档后面附上中文js文件
+  language_url: formatDataEaseBi('/tinymce-dataease-private/langs/zh_CN.js'), // 语言包的路径，具体路径看自己的项目，文档后面附上中文js文件
   language: 'zh_CN', //语言
-  skin_url: '/tinymce-dataease-private/skins/ui/oxide', // skin路径，具体路径看自己的项目
+  skin_url: formatDataEaseBi('/tinymce-dataease-private/skins/ui/oxide'), // skin路径，具体路径看自己的项目
   height: 400, //编辑器高度
   branding: false, //是否禁用“Powered by TinyMCE”
   menubar: true, //顶部菜单栏显示
@@ -75,7 +76,7 @@ const init = reactive({
   nonbreaking_force_tab: false,
   paste_auto_cleanup_on_paste: false,
   file_picker_types: 'file',
-  content_css: '/tinymce-dataease-private/skins/content/default/content.css', //以css文件方式自定义可编辑区域的css样式，css文件需自己创建并引入
+  content_css: formatDataEaseBi('/tinymce-dataease-private/skins/content/default/content.css'), //以css文件方式自定义可编辑区域的css样式，css文件需自己创建并引入
   //图片上传
   images_upload_handler: blobInfo =>
     new Promise((resolve, reject) => {
diff --git a/core/core-frontend/src/custom-component/rich-text/DeRichTextView.vue b/core/core-frontend/src/custom-component/rich-text/DeRichTextView.vue
index e590d2f28a..1c96efe770 100644
--- a/core/core-frontend/src/custom-component/rich-text/DeRichTextView.vue
+++ b/core/core-frontend/src/custom-component/rich-text/DeRichTextView.vue
@@ -28,6 +28,7 @@
 </template>
 
 <script setup lang="ts">
+import { formatDataEaseBi } from '@/utils/url'
 import tinymce from 'tinymce/tinymce' // tinymce默认hidden，不引入不显示
 import Editor from '@tinymce/tinymce-vue' // 编辑器引入
 import 'tinymce/themes/silver/theme' // 编辑器主题
@@ -114,10 +115,10 @@ const myValue = ref('')
 const init = ref({
   selector: '#' + tinymceId,
   toolbar_items_size: 'small',
-  language_url: '/tinymce-dataease-private/langs/zh_CN.js', // 汉化路径是自定义的，一般放在public或static里面
+  language_url: formatDataEaseBi('/tinymce-dataease-private/langs/zh_CN.js'), // 汉化路径是自定义的，一般放在public或static里面
   language: 'zh_CN',
-  skin_url: '/tinymce-dataease-private/skins/ui/oxide', // 皮肤
-  content_css: '/tinymce-dataease-private/skins/content/default/content.css',
+  skin_url: formatDataEaseBi('/tinymce-dataease-private/skins/ui/oxide'), // 皮肤
+  content_css: formatDataEaseBi('/tinymce-dataease-private/skins/content/default/content.css'),
   plugins:
     'advlist autolink link image lists charmap  media wordcount table contextmenu directionality pagebreak', // 插件
   // 工具栏
diff --git a/core/core-frontend/src/custom-component/rich-text/DeRichTextViewBack.vue b/core/core-frontend/src/custom-component/rich-text/DeRichTextViewBack.vue
index 085ba7fe62..34e56b8155 100644
--- a/core/core-frontend/src/custom-component/rich-text/DeRichTextViewBack.vue
+++ b/core/core-frontend/src/custom-component/rich-text/DeRichTextViewBack.vue
@@ -17,6 +17,7 @@
 </template>
 
 <script setup lang="ts">
+import { formatDataEaseBi } from '@/utils/url'
 import tinymce from 'tinymce/tinymce' // tinymce默认hidden，不引入不显示
 import Editor from '@tinymce/tinymce-vue' // 编辑器引入
 import 'tinymce/themes/silver/theme' // 编辑器主题
@@ -80,10 +81,10 @@ const myValue = ref(element.value.propValue.textValue)
 const init = ref({
   selector: '#' + tinymceId,
   toolbar_items_size: 'small',
-  language_url: '/tinymce-dataease-private/langs/zh_CN.js', // 汉化路径是自定义的，一般放在public或static里面
+  language_url: formatDataEaseBi('/tinymce-dataease-private/langs/zh_CN.js'), // 汉化路径是自定义的，一般放在public或static里面
   language: 'zh_CN',
-  skin_url: '/tinymce-dataease-private/skins/ui/oxide', // 皮肤
-  content_css: '/tinymce-dataease-private/skins/content/default/content.css',
+  skin_url: formatDataEaseBi('/tinymce-dataease-private/skins/ui/oxide'), // 皮肤
+  content_css: formatDataEaseBi('/tinymce-dataease-private/skins/content/default/content.css'),
   plugins:
     'advlist autolink link image lists charmap  media wordcount table contextmenu directionality pagebreak', // 插件
   // 工具栏
diff --git a/core/core-frontend/src/utils/url.ts b/core/core-frontend/src/utils/url.ts
new file mode 100644
index 0000000000..417590f413
--- /dev/null
+++ b/core/core-frontend/src/utils/url.ts
@@ -0,0 +1,3 @@
+export const formatDataEaseBi = (url: string) => {
+  return window.DataEaseBi?.baseUrl ? `${window.DataEaseBi.baseUrl}${url}` : url
+}