React parse text to html markup

Question

I use React JS, and I want to make a universal component, to show message for user. Like as at image:

I want to send text like as this : "Lorem ipsum ["Link"](url) Lorem ipsum **Strong text**". How I may parse this with JavaScript? I can imagine how to implement this, but I would not like to reinvent my wheel, maybe there are some ready-made and elegant solutions?

You can use react-markdown to parse markdown

kennarddh
– kennarddh

2022-08-28 13:54:43 +00:00
Commented Aug 28, 2022 at 13:54 — kennarddh
– kennarddh, Commented Aug 28, 2022 at 13:54

pigrammer · Accepted Answer · 2022-08-28 13:54:37Z

1

What you need is a Markdown component for React. Try react-markdown:

import React from 'react';
import ReactDom from 'react-dom';
import ReactMarkdown from 'react-markdown';
ReactDom.render(
    <ReactMarkdown>
        Lorem ipsum [link](url) <br />
        Lorem ipsum **Strong text**
    </ReactMarkdown>,
    yourElement
)

answered Aug 28, 2022 at 13:54

pigrammer

3,6592 gold badges15 silver badges30 bronze badges

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

Collectives™ on Stack Overflow

React parse text to html markup

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related