jQuery(html).text();

import 'package:flutter/material.dart';

import 'package:flutter_html/flutter_html.dart';

​

​

void main() => runApp(MyApp());

​

class MyApp extends StatelessWidget {

  // This widget is the root of your application.

  @override

  Widget build(BuildContext context) {

    return MaterialApp(

      debugShowCheckedModeBanner: false,

      title: 'Flutter Demo',

      theme: ThemeData(

        // This is the theme of your application.

        //

        // Try running your application with "flutter run". You'll see the

        // application has a blue toolbar. Then, without quitting the app, try

        // changing the primarySwatch below to Colors.green and then invoke

        // "hot reload" (press "r" in the console where you ran "flutter run",

        // or simply save your changes to "hot reload" in a Flutter IDE).

        // Notice that the counter didn't reset back to zero; the application

        // is not restarted.

        primarySwatch: Colors.blue,

      ),

      home: MyHomePage(title: 'Flutter Demo Home Page'),

    );

  }

}

​

class MyHomePage extends StatefulWidget {

  MyHomePage({Key key, this.title}) : super(key: key);

​

  // This widget is the home page of your application. It is stateful, meaning

  // that it has a State object (defined below) that contains fields that affect

  // how it looks.

​

  // This class is the configuration for the state. It holds the values (in this

  // case the title) provided by the parent (in this case the App widget) and

  // used by the build method of the State. Fields in a Widget subclass are

  // always marked "final".

​

  final String title;

​

  @override

  _MyHomePageState createState() => _MyHomePageState();

}

​

class _MyHomePageState extends State<MyHomePage> {

  int _counter = 0;

  var html = "Follow<a class='sup'>pl</a> what was sent down to you from your Lord, and do not follow other guardians apart from Him. Little do <p class='h'>you remind yourselves</p><a class='f'><sup f=2437>1</a>.";

​

​

  void _incrementCounter() {

    setState(() {

      // This call to setState tells the Flutter framework that something has

      // changed in this State, which causes it to rerun the build method below

      // so that the display can reflect the updated values. If we changed

      // _counter without calling setState(), then the build method would not be

      // called again, and so nothing would appear to happen.

      _counter++;

    });

  }

​

  @override

  Widget build(BuildContext context) {

    // This method is rerun every time setState is called, for instance as done

    // by the _incrementCounter method above.

    //

    // The Flutter framework has been optimized to make rerunning build methods

    // fast, so that you can just rebuild anything that needs updating rather

    // than having to individually change instances of widgets.

    return Scaffold(

      appBar: AppBar(

        // Here we take the value from the MyHomePage object that was created by

        // the App.build method, and use it to set our appbar title.

        title: Text(widget.title),

      ),

      body: Center(

        // Center is a layout widget. It takes a single child and positions it

        // in the middle of the parent.

        child: Column(

          // Column is also layout widget. It takes a list of children and

          // arranges them vertically. By default, it sizes itself to fit its

          // children horizontally, and tries to be as tall as its parent.

          //

          // Invoke "debug painting" (press "p" in the console, choose the

          // "Toggle Debug Paint" action from the Flutter Inspector in Android

          // Studio, or the "Toggle Debug Paint" command in Visual Studio Code)

          // to see the wireframe for each widget.

          //

          // Column has various properties to control how it sizes itself and

          // how it positions its children. Here we use mainAxisAlignment to

          // center the children vertically; the main axis here is the vertical

          // axis because Columns are vertical (the cross axis would be

          // horizontal).

          mainAxisAlignment: MainAxisAlignment.center,

          children: <Widget>[

            Html(

              data: html,

              ),

            Text(

              'You have pushed the button this many times:',

            ),

            Text(

              '$_counter',

              style: Theme.of(context).textTheme.display1,

            ),

          ],

        ),

      ),

      floatingActionButton: FloatingActionButton(

        onPressed: _incrementCounter,

        tooltip: 'Increment',

        child: Icon(Icons.add),

      ), // This trailing comma makes auto-formatting nicer for build methods.

    );

  }

}

public static string FormatLineBreaks(string html)

{

    //first - remove all the existing '\n' from HTML

    //they mean nothing in HTML, but break our logic

    html = html.Replace("\r", "").Replace("\n", " ");

​

    //now create an Html Agile Doc object

    HtmlDocument doc = new HtmlDocument();

    doc.LoadHtml(html);

​

    //remove comments, head, style and script tags

    foreach (HtmlNode node in doc.DocumentNode.SafeSelectNodes("//comment() | //script | //style | //head"))

    {

        node.ParentNode.RemoveChild(node);

    }

​

    //now remove all "meaningless" inline elements like "span"

    foreach (HtmlNode node in doc.DocumentNode.SafeSelectNodes("//span | //label")) //add "b", "i" if required

    {

        node.ParentNode.ReplaceChild(HtmlNode.CreateNode(node.InnerHtml), node);

    }

​

    //block-elements - convert to line-breaks

    foreach (HtmlNode node in doc.DocumentNode.SafeSelectNodes("//p | //div")) //you could add more tags here

    {

        //we add a "\n" ONLY if the node contains some plain text as "direct" child

        //meaning - text is not nested inside children, but only one-level deep

​

        //use XPath to find direct "text" in element

        var txtNode = node.SelectSingleNode("text()");

​

        //no "direct" text - NOT ADDDING the \n !!!!

        if (txtNode == null || txtNode.InnerHtml.Trim() == "") continue;

​

        //"surround" the node with line breaks

        node.ParentNode.InsertBefore(doc.CreateTextNode("\r\n"), node);

        node.ParentNode.InsertAfter(doc.CreateTextNode("\r\n"), node);

    }

​

    //todo: might need to replace multiple "\n\n" into one here, I'm still testing...

​

    //now BR tags - simply replace with "\n" and forget

    foreach (HtmlNode node in doc.DocumentNode.SafeSelectNodes("//br"))

        node.ParentNode.ReplaceChild(doc.CreateTextNode("\r\n"), node);

​

    //finally - return the text which will have our inserted line-breaks in it

    return doc.DocumentNode.InnerText.Trim();

​

    //todo - you should probably add "&code;" processing, to decode all the   and such

}    

​

//here's the extension method I use

private static HtmlNodeCollection SafeSelectNodes(this HtmlNode node, string selector)

{

    return (node.SelectNodes(selector) ?? new HtmlNodeCollection(node));

}