从 Dart 中的字符串中删除 HTML 标签

Question

我一直在尝试实现这一点，我有一个字符串，其中包含很多 HTML 标记，这些标记是某种编码形式 喜欢<和> （没有空格）在字符串之间。 谁能帮助我删除这些标签，以便我可以得到一个纯字符串？

Answer 1

最后我使用 html 包实现了这一点

我是这样做的

import 'package:html/parser.dart';


//here goes the function 
String _parseHtmlString(String htmlString) {
final document = parse(htmlString);
final String parsedString = parse(document.body.text).documentElement.text;

return parsedString;
}

我不知道是否有任何更清洁的方法可以做到这一点，但这个对我有用。

Answer 2

您可以简单地使用没有 3rd Lib 的 RegExp 来删除标签（

>)

String removeAllHtmlTags(String htmlText) {
    RegExp exp = RegExp(
      r"<[^>]*>",
      multiLine: true,
      caseSensitive: true
    );

    return htmlText.replaceAll(exp, '');
  }

Answer 3

intl 包提供了一个方法 stripHtmlIfNeeded 从字符串中去除 HTML 标记。

此包下的Bidi 类提供了处理双向文本的实用方法。

import 'package:intl/intl.dart';

Bidi.stripHtmlIfNeeded("<p>Hello World</p>")

如果你不想为了这个功能使用整个包，下面是方法实现：

static String stripHtmlIfNeeded(String text) {
  return text.replaceAll(RegExp(r'<[^>]*>|&[^;]+;'), ' ');
}

文档：https://api.flutter.dev/flutter/intl/Bidi/stripHtmlIfNeeded.html

Answer 4

use this class:

import 'package:html/parser.dart';

class HtmlTags {

  static void removeTag({ htmlString, callback }){
    var document = parse(htmlString);
    String parsedString = parse(document.body.text).documentElement.text;
    callback(parsedString);
  }
}

example: 

HtmlTags.removeTag(
 htmlString: '<h1>Hello Bug</h1>',
 callback: (string) => print(string),
);
output: Hello Bug

Answer 5

通过使用

import ‘package:html/parser.dart’;

对于那些包含<br> 和<p> 标签的字符串会出现问题。缺少段落信息。可以先把<br>替换成<p>，然后得到List：

import ‘package:html/parser.dart’  as dom; 

htmlString = '<p> first ... line.<br>second.....line.<p>'; 

List<String> cleanStrings = new List<String>();
List<dom.Element> ps = parse(htmlString.replaceAll('<br>', '</p><p>'))).querySelectorAll('p');
if (ps.isNotEmpty) ps.forEach((f) {
  (f.text != '') cleanStrings.add(f.text);
});

Answer 6

如果您想将 HTML 内容解码为字符串，请按照以下步骤操作：

1. 将此插件添加到pubspec.yaml => HTML Parser - Dart Library

1. 然后在你的代码中添加这行 =>

   String htmlText = parse("String with HTML tags").body!.text

Answer 7

如果使用 Flutter Web 或由于任何原因无法导入解析器，这是我的解决方案，它是可配置的。

  String formatHtmlString(String string) {
      return string
          .replaceAll("\n\n", "<p>") // Paragraphs
          .replaceAll("\n", "<br>") // Line Breaks
          .replaceAll("\"", "&quot;") // Quote Marks
          .replaceAll("'", "&apos;") // Apostrophe
          .replaceAll(">", "&lt;") // Less-than Comparator (Strip Tags)
          .replaceAll("<", "&gt;") // Greater-than Comparator (Strip Tags)
          .trim(); // Whitespace
    }

Answer 8

三个步骤

首先，将其添加到您的“pubspec.yaml”文件中

依赖： flutter_html: ^0.8.2

其次，导入到你的 dart 文件中

导入'package:flutter_html_view/flutter_html_view.dart';

第三，简单地使用

HtmlView(data: "你的 Html 数据"),