How to parse a markdown string to html code

Question

I'm trying to parse a string which contains some Markdown code (like bold or italic), and I want it to be parsed and shown as HTML code.

I created a pipe which detects some Markdown tags (bold and italic only at the moment), so it car convert it into html tags like this:

<span>{{ line | markdown }}</span>

Imagine the following string this is *italic* and this is **bold**.

The parsing is working, so it returns this line:
this is italic and this is bold.
The problem is the page doesn't interpret the String as html code, but a plain text.

So I tried to ad [innerHTML] tag like this:

<span [innerHTML]=line>{{ line | markdown }}</span>

Now, the page shows this :
this is *italic* and this is bold

Why does it parse the bold but ignores italic, and how can I get what I want?

Andrei · Accepted Answer · 2019-09-03 20:21:17Z

4

it should be . it this case output of a pipe will be passed as innerHtml to a span

answered Sep 3, 2019 at 20:21

Andrei

12.8k1 gold badge16 silver badges25 bronze badges

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

Comments

JfrogT · Accepted Answer · 2019-09-03 20:52:52Z

0

As has already been mentioned the syntax was not quite correct for having the return of the pipe be the actual inner HTML.

I would also recommend using a library for markdown to HTML conversion rather than try and do this yourself. Save yourself the time :)

All you need to do is pass the argument of the pipe to the library entry point and return the HTML.

answered Sep 3, 2019 at 20:52

JfrogT

9757 silver badges9 bronze badges

Collectives™ on Stack Overflow

How to parse a markdown string to html code

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related