Problems formatting the markdown

[FelipeSanchezCalzada]

I have the following text in markdown:

By entering it in the markdown tag as follows:

                    <markdown ngPreserveWhitespaces lineHighlight >
                        {{mdpost.markdown_text}}
                    </markdown>

The format is completely broken as seen in the following image. I only use bootstrap styles.

[jfcere]

Hi @FelipeSanchezCalzada,

In your example you added lineHighlight attribute to the markdown component but this is used to emphasis specific lines as show in the demo here: http://jfcere.github.io/ngx-markdown/#line-highlight

I've create a StackBlitz with your example and it works fine once removing lineHighlight: https://stackblitz.com/edit/ngx-markdown-issue-189

Basically, you only need to use either one of the following examples...

<!-- using transclusion -->
<markdown ngPreserveWhitespaces>
  {{mdpost.markdown_text}}
</markdown>

<!-- using `data` input property -->
<markdown [data]="mdpost.markdown_text"></markdown>

Of course, for syntax highlight, be sure to provide the Prism files (both js and css) following the README.md instructions here: https://github.com/jfcere/ngx-markdown#syntax-highlight

[FelipeSanchezCalzada]

That was exactly the problem! Thank you!