vite vue3 tinymce如何配置tinymce的静态样式文件的路径 静态文件在public中，并且public和当前项目工程在同一级目录

在使用 Vite 构建 Vue 3 项目时，如果你想要在 Tinymce 中配置静态样式文件的路径，通常你需要在初始化 Tinymce 的时候指定 `content_css` 选项为静态文件的路径。如果静态文件存放在 `public` 目录下，并且 `public` 目录与你的 Vue 项目工程在同一级目录，你需要确保路径是相对于你的应用根目录（即 Vite 项目的 publicPath）。

下面是一个基本的配置示例：

import tinymce from 'tinymce/tinymce';

// 设置静态资源的公共路径
const publicPath = '/';

tinymce.init({
  selector: 'textarea', // 选择器，例如：#mytextarea
  content_css: publicPath + 'path/to/tinymce/css/content.css', // Tinymce使用的样式文件路径
  // ...其他配置项...
});

确保将 `path/to/tinymce/css/content.css` 替换为实际的路径。由于静态文件在 `public` 目录下，你需要确保这个路径是相对于项目的公共路径的。

在 Vite 中，`publicPath` 通常是项目的基础路径，如果你的 Vue 项目部署在子路径下，你可能需要修改 `publicPath` 的值来正确地指向静态资源。

如果你的项目结构如下所示：

project-root/
|-- public/
|   |-- tinymce/
|       |-- css/
|           |-- content.css
|-- src/
|   |-- App.vue
|-- vite.config.js

那么在 `App.vue` 中引用 Tinymce 时，你的 `content_css` 应该设置为：

tinymce.init({
  // ...
  content_css: publicPath + 'tinymce/css/content.css',
  // ...
});

请注意，Vite 会处理 `public` 目录下的文件，因此你不需要在文件路径前加 `/` 前缀，除非你需要确保它们从应用的根路径开始。