Typecho 1.3.0 安装TinyMCE 8 富文本编辑器插件后图片打不开的解决办法

Typecho 1.3.0 安装TinyMCE 8 富文本编辑器插件后图片打不开的解决办法

安装后图片路径变成了

laoyang.work/lianxi/2026/07/usr/uploads/...中间多了一截文章路径(/lianxi/2026/07/),说明图片的 src被当成了相对路径,浏览器基于当前文章 URL 拼接时出了问题。

根因:TinyMCE 输出的 src是相对路径

TinyMCE 默认 relative_urls: true,它会把图片路径写成类似 usr/uploads/2026/07/xxx.png的相对形式。

当你文章地址是 laoyang.work/lianxi/2026/07/时,浏览器就把相对路径拼成 laoyang.work/lianxi/2026/07/usr/uploads/...,自然找不到图。

修复方法

方法 :改 TinyMCE8 插件配置(一劳永逸)

进插件目录 usr/plugins/TinyMCE8/,编辑 Plugin.php,找到 tinyMCE.init({那块(大概在第 50~70 行),在里面加上这三行:

relative_urls : false,
remove_script_host : false,
document_base_url : 'https://laoyang.work/',

改完后大概是这样:

tinyMCE.init({
    selector: '#text',
    // ... 其他原有配置 ...
    relative_urls : false,
    remove_script_host : false,
    document_base_url : 'https://laoyang.work/',
    // ...
});

保存,重启 php-fpm(或等几分钟),然后重新编辑并保存那篇文章(图片会自动变成绝对路径 https://laoyang.work/usr/uploads/...)。

修改后重启PHP后,重新添加图片。图片可以显示了。

添加新评论