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后,重新添加图片。图片可以显示了。