How to Remove p tag on api while fetching the data in react

Question

I want to remove all html tag from API(description section) while fetching the data i go html tag. I have attached the screenshot of the output, please have a look.

You have your answer here: https://stackoverflow.com/questions/46066507/removing-specific-tag-and-text-cheeriojs — OmOursPor, Apr 05 '22 at 09:38
i have tried but that solution does not worked for me. can you suggest other solution — bob perno, Apr 05 '22 at 10:04
[Please don't upload images of code](https://meta.stackoverflow.com/q/285551) — Pete, Apr 05 '22 at 10:26

score 0 · Answer 1 · edited Apr 06 '22 at 06:21

0

```
 npm i react-html-parser
```

install import parse from "html-react-parser";

<p>{parse(description.substring(0, 299))}</p>

edited Apr 06 '22 at 06:21

Wai Ha Lee

8,598
83
57
92

answered Apr 05 '22 at 15:04

bob perno

15
8

score 0 · Answer 2 · answered Feb 14 '23 at 16:27

0

You can convert the incoming HTML from the API response to display as HTML by using this:

  <span dangerouslySetInnerHTML={{ __html: blog }} ></span>

answered Feb 14 '23 at 16:27

TryingToSolve

1

Your answer could be improved with additional supporting information. Please [edit] to add further details, such as citations or documentation, so that others can confirm that your answer is correct. You can find more information on how to write good answers [in the help center](/help/how-to-answer). – Community Feb 17 '23 at 13:26

score -1 · Answer 3 · answered Apr 05 '22 at 09:39

-1

This should work.

    blogs = blogs.replace(/<(.|\n)*?>/g, '');
    setBlog(blogs)

Replacing all tags

answered Apr 05 '22 at 09:39

Ajeet Chauhan

49
4

How to Remove p tag on api while fetching the data in react

3 Answers3