vue tinymce skin_url 使用相对路径

如果您想在 Vue 中使用 TinyMCE，并使用相对路径设置 `skin_url`，可以按照以下步骤操作：

1. 在安装 TinyMCE 时，确保将 `skin` 文件夹复制到您的项目中的某个目录下，例如 `src/assets/skins`。

2. 在您的组件中，使用 `import` 导入 TinyMCE，并在 `mounted` 钩子函数中初始化 TinyMCE 编辑器。在初始化的同时，设置 `skin_url` 选项，将其设置为相对路径即可。

   <template>
     <div>
       <textarea ref="editor"></textarea>
     </div>
   </template>

   <script>
   import tinymce from 'tinymce/tinymce';

   import 'tinymce/themes/silver';
   import 'tinymce/plugins/link';
   import 'tinymce/plugins/image';
   import 'tinymce/plugins/table';

   export default {
     mounted() {
       tinymce.init({
         selector: this.$refs.editor,
         skin_url: './assets/skins/ui/oxide',
         plugins: 'link image table',
         toolbar: 'undo redo | formatselect | bold italic | alignleft aligncenter alignright | bullist numlist outdent indent | link image table',
         menubar: false,
         branding: false
       });
     }
   }
   </script>

在上面的示例中，`skin_url` 设置为相对路径 `./assets/skins/ui/oxide`，其中 `./` 表示当前文件所在的目录。

希望这可以帮助您解决问题！