Android：替换 WebView 中的 HTML 标签

Question

我的 android 应用程序下载使用 HTML 标记格式化的文章并将它们显示在 WebView 中。我遇到的问题是某些文章具有自动生成的图表，这些图表非常大，并且不适合 web 视图。 （请注意，我不想使用水平滚动）。 我的想法是保存包含此类图形的“div”标签的每次出现，然后将其替换为"<a href='unique_id_of_div_tag'>Show graph</a>" 链接。 有这样的东西将显示链接而不是图表。当用户点击它时，它将打开带有图形的新活动。（我将使用 WebViewClient 和 shouldOverrideUrlLoading 方法处理用户点击）

包含grap信息的'div'标签的结构类似于以下：

<div class="graph">
   <div>Header</div>
   <div>Graph body</div>
   <div>Graph footer</div>
</div>

（我无法控制它）

总而言之，我希望能够保存<div class="graph">...</div> 的内容并将其替换为<a href="">...</a>。我怎样才能做到这一点？

谢谢， 商标

Answer 1

这可以通过以下方式完成：

Pattern tags = Pattern.compile ("</?[^>]+>");
Matcher match = tags.matcher (yourContent); // here you specify the string you want to modify (HTML)
String result = match.replaceAll("");

这样可以删除所有标签，但将内容保留在 HTML 字符串中。

阅读更多关于模式和匹配器的信息here。

编辑：

要从字符串中仅删除链接（锚点），请编写以下内容而不是第一行：

Pattern tags = Pattern.compile ("</?[a]{1}[^>]+>");

您可以通过将正则表达式替换为另一个字符串来删除任意字符串。

编辑2：

我完全误解了你的问题。两次:)

您可以删除所有<div class="graph"> 标签，方法如下：

    Pattern tags = Pattern.compile ("<div class=\"graph\">[^(</div>)]+</div>");

然后，将所有那些 [[DIV]] 占位符替换为您想要的任何内容。但是，如果您有一个带有图表的 div 和其中的一些内容，则这种方法将不起作用。因此，在这种情况下，我认为最好将您的所有内容拆分到 <div class=graph> 上，然后检查每个元素内的每个 DIV 以检查其中是否有图表。

我不知道这是否可以单独使用正则表达式来完成，因此必须采用更繁琐且容易出错的方法。但你确实想要一些非常具体的东西，所以有时你应该期待它:)