今天我在用TinyMCE编辑器“图片上传”的时候,图片上传成功后,返回的路径如下:
/uploads/images/2021/08/453535_8818bb44d590fb487756750ea48b2ee5.jpg
当我点击保存后,查看“源代码”的时候,结果发现,变成了如下:
TinyMCE编辑器自动把我插入的图片URL绝对路径变成了相对路径。
<p><img src="uploads/images/2021/08/453535_8818bb44d590fb487756750ea48b2ee5.jpg" alt="" width="705" height="712" /></p>
当我再打开文章页,前台浏览的时候,图片肯定是打不开了。会报一个404错误。
相信大家都知道,这种图片路径就是相对路径,前台请求的图片路径完整的如下:
http://xxx.com/test1/test1-1/test1-1-1/uploads/images/2021/08/453535_9e7bba3d051d994567e0c936c00e2ece.jpg
原因:
默认情况下,TinyMCE编辑器把插入的图片会自动转换相对或绝对路径。
解决方法
知道了原因,其实解决起来就容易多了,TinyMCE编辑器自带有解决这个问题的配置选项的,具体如下:
convert_urls(自动转换URL)
关闭此选项,TinyMCE将不会自动处理URL,也就是说,插入的URL原本是什么就是什么,不会自动转换相对或绝对路径,这样会导致内容URL极其混乱。所以,默认此选项是开启的。
取值:true / false
默认:true
要想不自动转换,插入的URL原本是什么就是什么?只需要配置设置如下:
convert_urls: false