[frontend] 修复发布公告富文本编辑器工具栏没显示问题 (#15)

* [frontend] 修复发布公告富文本编辑器工具栏没显示问题

* [frontend] 检视意见修改

---------

Co-authored-by: 陈潇文 <[email protected]>

Author: Msquittto

app-engine/frontend/src/pages/components/text-editor.tsx

@@ -21,6 +21,7 @@ import 'tinymce/plugins/wordcount/index.js';
 import 'tinymce/skins/ui/oxide/skin.min.css';
 import 'tinymce/themes/silver/theme.min.js';
 const { AIPP_URL } = serviceConfig;
+const { NODE_ENV, PACKAGE_NODE }= process.env;
 
 /**
  * 发布应用富文本编辑器组件
@@ -75,14 +76,23 @@ const TextEditor = forwardRef((props, ref) => {
       Message({ type: 'error', content: err.message || t('uploadImageFail') });
     }
   }
+
+  // 基于环境调整tinymce初始化文件路径
+  const adjustInitPathByEnv = url => {
+    if (NODE_ENV === 'production' && PACKAGE_NODE === 'spa') {
+        return `/apps/appengine/${url}`;
+    }
+    return url;
+  }
+
   useEffect(() => {
     tinymce.init({
       selector: '#publish-editor',
       plugins: 'lists image table wordcount',
       language: 'zh_CN',
-      language_url: './src/assets/tinymce/lang/zh-CN.js',
-      skin_url: './src/assets/tinymce/skins/ui/oxide',
-      content_css: './src/assets/tinymce/skins/content/default/content.css',
+      language_url: cLocale === 'en-us' ? '': `${adjustInitPathByEnv('/src/assets/tinymce/lang/zh-CN.js')}`,
+      skin_url: `${adjustInitPathByEnv('/src/assets/tinymce/skins/ui/oxide')}`,
+      content_css: `${adjustInitPathByEnv('/src/assets/tinymce/skins/content/default/content.css')}`,
       height: 260,
       menubar: false,
       statusbar: false,