hackmd-io-issues icon indicating copy to clipboard operation
hackmd-io-issues copied to clipboard

Code blocks (```) inside HTML tags lack syntax highlighting

Open gnidan opened this issue 4 years ago • 0 comments

Is this a hackmd.io issue?

  • [x] Yes, the bug happens on https://hackmd.io
  • [ ] No. If it's a self-hosted CodiMD instance, please fire up the issue in the repo of CodiMD: https://github.com/hackmdio/codimd

What's the problem

Code blocks that specify language normally get syntax highlighting according to that language. This breaks when using a code block inside a literal HTML tag, even though the rendering works fine.

Current behaviour

Reproduce with the following content:

## Example

<details><summary>Component diagram</summary>

```javascript
console.log("hello");
```
</details>

Compare with screenshot:

Screen Shot 2021-06-16 at 6 32 57 PM

Expected behaviour

The code block should be highlighted, like how Github does in the example above.

Environment

I use HackMD on:

Desktop

  • OS: macOS
  • Browser: Chromium-like
  • Browser Version: 91.0.4472.106

gnidan avatar Jun 16 '21 22:06 gnidan