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

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

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

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

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

 

1.  富文本编辑器

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

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

 

2.  富文本中的图片外链

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

例如以下文本：

<p>  根据外媒报道&#