markdown-it render returning string but html not being parsed

Question

I am using markdown-it to parse markup documents. My code is as follows:

import React from 'react';
import Markdown from 'markdown-it';

const md = new Markdown();

export default () => {
  return (
    <div>
    {
      md.render('# markdown-it rulezz!')
    }
    </div>
  );
}

The h1 being returned is correct, but the output is not registering as an h1; the h1 is considered part of the string - it's not being recognized as a tag. See attachment. Can someone please tell me what I'm doing wrong here? Thanks!

__dangerouslySetInnerHTML?

Andrew Li
– Andrew Li

2017-10-05 11:20:06 +00:00
Commented Oct 5, 2017 at 11:20 — Andrew Li
– Andrew Li, Commented Oct 5, 2017 at 11:20
Thanks! That is what I was looking for.

Jai
– Jai

2017-10-11 02:42:31 +00:00
Commented Oct 11, 2017 at 2:42 — Jai
– Jai, Commented Oct 11, 2017 at 2:42

dominik791 · Accepted Answer · 2017-10-05 11:39:39Z

2

You should use:

<div dangerouslySetInnerHTML={{__html: md.render('# markdown-it rulezz!')}}></div>

Here's reference: https://zhenyong.github.io/react/tips/dangerously-set-inner-html.html

Or you can you use react-markdown

answered Oct 5, 2017 at 11:39

dominik791

7627 silver badges17 bronze badges

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

1 Comment

Jai Over a year ago

Thanks! That is what I was looking for.

Serdar Karaca · Accepted Answer · 2019-12-13 13:54:56Z

0

No problem when using it like this ;

<p dangerouslySetInnerHTML={ {__html: PostItem.Content} } />

But when he does this, he gives an error

<p dangerouslySetInnerHTML={{__html: md.render(PostItem.Content)}}></p>

The error message is as follows ;

Error: Input data should be a String

answered Dec 13, 2019 at 13:54

Serdar Karaca

1431 silver badge9 bronze badges

Collectives™ on Stack Overflow

markdown-it render returning string but html not being parsed

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related