reactjs-tinymce无法加载皮肤求助：配置后报404且编辑器不显示

问题分析 #

你遇到的404请求来自TinyMCE的云服务统计接口，配置本地自定义皮肤时，默认云服务逻辑仍会尝试发送请求，同时皮肤配置的路径或完整性问题可能导致编辑器初始化失败。

解决方案 #

1. 禁用云服务请求
   在init配置中添加cloud_service_url: false，阻止TinyMCE向云服务发送不必要请求，直接使用本地资源：

<Editor
    disabled={true}
    apiKey="MYKEY"
    value={mailBody.msgtext}
    plugins="autoresize"
    init={{
        cloud_service_url: false,
        skin: "dark",
        skin_url: `${process.env.PUBLIC_URL}/resources/css/dark`,
        menubar: false,
        branding: false,
        statusbar: false,
        toolbar: false,
        content_style: 'body { font-family: Roboto, Verdana, Geneva, Tahoma, sans-serif; font-size:.85rem; }',
    }}
/>

2. 适配React打包后的皮肤路径
   若使用Create React App等脚手架，需用process.env.PUBLIC_URL拼接皮肤路径，避免打包后静态资源路径失效。若你已确认路径绝对正确，可跳过此步，但建议保留该写法适配生产环境。

3. 检查自定义皮肤完整性
   确认dark皮肤文件夹包含所有必要文件：

• skin.min.css
• content.min.css
• 图标文件（如icons目录）
  缺失任意文件都会导致编辑器无法正常初始化，即使基础CSS能加载。

4. 修正样式语法错误
   原配置的content_style中漏写font-family属性，补充后确保编辑器内文本样式正常渲染。

内容的提问来源于stack exchange，提问作者Elcid_91