191210P4 Java富文本编辑之图片链接本地化

最新推荐文章于 2023-12-14 19:49:34 发布

原创

最新推荐文章于 2023-12-14 19:49:34 发布 · 1.1k 阅读

CC 4.0 BY-SA版权

文章标签：

本文介绍了在Java项目中如何处理富文本编辑器中的图片外链，将其转换为本地链接。通过正则表达式查找并替换HTML中的<img>元素，将外链图片下载到服务器并生成新的本地URL，实现外链图片的本地化存储。

作者：邵发
官网：http://afanihao.cn/java

本文介绍在图文混编项目中（博客、新闻等），如何将富文本中的图片外链转为本地链接的问题。本文是Java学习指南系列教程的官方配套文档，项目源码在本文末尾说明。

所谓富文本Rich Text，就是以HTML形式表示的文本。在前端通常由富文本编辑器得到，比如UEditor，KindEditor，wangEditor等富文本编辑器。在富文本中可能存在外链的图片链接，那么后台如何将外链图片转为本站链接，是本文要讨论的话题。

在需要实现图文混排功能时，可以使用前端的富文本编辑器。常见的富文本编辑器有 UEditor, KindEditor, wangEditor等，使用起来大同小异。比如，下图以KindEditor来演示。

在提交给后台时，可以调用编辑器提供的API来获取编辑器里面的HTML文本，里面包含了CSS样式和图片链接。关于富文本编辑器的使用，不在本文中详述。

当富文本中包含了图片外链接，一般要求将外链转换为本站链接。

例如以下文本：

<p>  根据外媒报道，12月6日，美国海军最新的两栖攻击舰“美国”号抵达了日本佐世保，加入了美国海军第七舰队。</p>
<p style='text-align:center'>
  <img src='http