New line

[bsastregx]

Hi, thanks so much for such an awesome package.

I am using Strapi for my backend, which is a headless cms. It is an awesome tool.
With Strapi you add information/data on the backend, and it exposes an API with all the data, which you can consume on the front end.

Strapi has a rich text editor, which is exposed as a markdown string on the API.

I need to transform that markdown string into HTML.
I am succesfully doing that, but, the new lines are not being interpreted.

Strapi creates a \n for each new line, and aparently marked is not interpreting it. It is displaying the \n as a string.

Any help will be much appreciated.

[UziTech]

Can you provide some code? And provide the actual string sent to marked?

[UziTech]

Also if you think this is a bug in marked it is better to create a new issue instead of a discussion.

[UziTech]

If console.log(this.description) shows My name is \n Bruno in the console that means \n is the string "\\n". If it were actually a new line character it would show as:

My name is 
 Bruno

in the console.

You can test it by doing console.log(this.description.includes('\n')). Which will probably be false.

So it looks like the string marked is getting doesn't have a newline character in it which means it is getting changed before being sent to marked.

[bsastregx]

@UziTech Thanks very much for pointing that out. What you are saying makes sense. However, I just tried parsing a new line with marked, and it does not appears to be working:

<div innerHTML={marked.parse('My name is \n Bruno')}></div>

Please, correct me if I am wrong.

[UziTech]

Ya it looks like it isn't marked that is changing \n to \\n it is something before the string gets to marked. I would create an issue at Strapi to see if they can find where it is getting changed.

[UziTech]

By the way the reason you aren't seeing Bruno on a new line after it goes to marked is because that is what markdown is supposed to do. A new paragraph needs to be preceded by two \n characters. Alternatively you can set the breaks option and gfm option to true in marked.

[bsastregx]

Thanks for pointing that out. Strapi is doing a good work. It puts \n\n when a lineabreak is present.
It was me who was trying out with just one /n, because I didn't know how markdown works.
I think the problem is in StencilJS:

If i pass the string as a property to the component:

description="My name is \n\n Bruno"
<div innerHTML={marked.parse(this.description)}></div>

If I pass the string directly to marked:
<div innerHTML={marked.parse('My name is \n\n Bruno')}></div>

Thanks so much for all the help during the day. 😘