Removing HTML Tags from a String in Dart for Flutter Apps

Posted by

Make sure you have the html package installed in your Flutter project. You can add it to your pubspec.yaml file like this.

dependencies:
  flutter:
    sdk: flutter
  html: ^0.15.0 # Use the latest version of the html package

Once you’ve added the package, run flutter pub get to fetch and install it.

Import the Necessary Package , In your Dart file, you’ll need to import the html/parser.dart package:

import 'package:flutter/material.dart';
import 'package:html/parser.dart'; // Import the HTML parser

Additionally, include any other required imports for your Flutter project.

Parsing and Displaying HTML Content

Let’s assume you have a scenario where you need to display research experience data retrieved from an API. This data is in HTML format, and you want to display it without any HTML tags.

TextSpan(
  text: 'Research Experience: ',
  style: TextStyle(
    fontSize: 17.5,
    color: Colors.black,
    fontWeight: FontWeight.bold,
  ),
),
TextSpan(
  text: parse(data['re_experience']).body.text, // Parse and extract text from HTML
  style: TextStyle(
    fontSize: 17.5,
    color: Colors.black,
  ),
),
0 0 votes
Article Rating
Subscribe
Notify of
guest
0 Comments
Inline Feedbacks
View all comments
0
Would love your thoughts, please comment.x
()
x