TinyMCE编辑器图片上传后,图片路径被自动转换 原因与解决方法

今天我在用TinyMCE编辑器“图片上传”的时候,图片上传成功后,返回的路径如下:

/uploads/images/2021/08/453535_8818bb44d590fb487756750ea48b2ee5.jpg

TinyMCE编辑器“图片上传”

 

当我点击保存后,查看“源代码”的时候,结果发现,变成了如下:

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
付杰
  • ¥ 498.0元
  • 市场价:998.0元
  • ¥ 39.0元
  • 市场价:39.0元
  • ¥ 69.0元
  • 市场价:69.0元
  • ¥ 1999.9元
  • 市场价:20000元

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: