Code Syntax Highlighting not Working

Hello, great plugin,

After following the Syntax highlight section of the README the code, as in your examples, is not highlighting:

Inline `code` has `back-ticks around` it.

> ```javascript
> var soop = "JavaScript syntax highlighting";
> alert(s);
> ```
> 
> ```python
> s = "Python syntax highlighting"
> print s
> ```

Any ideas what could be wrong? Thanks

[jfcere]

@ghiscoding this is due to the fact that leading/trailing whitespaces are meaningful in markdown because they serve a purpose.

For this reason, when you are doing the following … it means you want white spaces in front of lines 4 and up:

ngOnInit() {
  this.markdownText =
    `### Markdown example
    ---
    \`\`\`typescript
    public markdown = "# Markdown";
    \`\`\``;
}

By doing the following … you are removing leading spaces in front of lines 4 and up:

ngOnInit() {
  this.markdownText =
`### Markdown example
---
\`\`\`typescript
public markdown = "# Markdown";
\`\`\``;
}

Honestly I always found it easier to use src input property to fetch remote files as it has the following advantages:

• won’t need to escape anything like curly braces or back-ticks
• will respect the indentation in the file
• will auto-detect language for syntax highlight if you set your file with the right extension

[ghiscoding]

@jfcere Thanks for the explanation, I guess that is why you added this new ngPreserveWhitespaces and delete the white spaces by default in the newer version. I guess what I could do on my side to quick fix this is to simply remove all white spaces myself from the variables. that should work too. I understand now thanks.