How to get input with HTML tags in flutter app

Question

I am developing a mobile app using flutter. It should have a text field like this.

From this input field I want to get input as a normal text with given controls and want to store it in the form of HTML. For example consider below text.

Hi this is my title
This is sample text

I want to store it my database in the form of HTML like bellow.

<b>Hi this is my title</b><br>
<i>This is sample text</i>

How can I do this using flutter?

Dovydas · Accepted Answer · 2021-09-04 13:29:24Z

1

For simple html tags like above you can use the styled_text package.

StyledText(
  text: text.replaceAll("<br>", "\n"),
  tags: {
    'b': StyledTextTag(style: TextStyle(fontWeight: FontWeight.bold)),
    'i': StyledTextTag(style: TextStyle(fontStyle: FontStyle.italic))
  },
);

link: https://pub.dev/packages/styled_text

answered Sep 4, 2021 at 13:29

Dovydas

484 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Ragawender Sivanraj Over a year ago

Thanks. It is a use full package for me. But I don't know where the user will use bold, italic kind of things. Is it possible to combine those all together as single variable at the end?. I mean can I take an output like below?  Hi how are you. I am busy with work We will meet tomorrow. Can i get whole this as on input variable at the end? I don't know where the user use these tags.

Collectives™ on Stack Overflow

How to get input with HTML tags in flutter app

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related