hackmdio / hackmdio/hackmd-io-issues

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

Offen
#262 0 Kommentare 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen
Vorherrschende Sprache
Keine Sprachdaten
Sterne
40
Forks
9
PR-Merge-Kennzahlen
Keine gemergten PRs in 30 T.

Beschreibung

### 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:
~~~markdown
## Example

Component diagram

```javascript
console.log("hello");
```

~~~

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

Beitragsleitfaden

Für dieses Repository ist kein Beitragsleitfaden indexiert

Rechercherichtung

Reproduzieren Sie das Problem in HackMD mit dem bereitgestellten Markdown, das einen JavaScript-Codeblock innerhalb eines wörtlichen details-Tags enthält. Hier wird keine Implementierungsdatei oder kein Test angegeben; verfolgen Sie den Markdown-/Rendering-Einstiegspunkt für umschlossenen Code innerhalb von HTML und überprüfen Sie, dass der Block JavaScript-Syntaxhervorhebung erhält, ohne das Rendering zu beeinträchtigen.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

Tech-Stack
html, javascript, markdown
Bereich
frontend
Issue-Typ
Bug
Schwierigkeit
4/5
Geschätzter Aufwand
3-5 Tage
Aktivitätsstatus
Veraltet
Klarheit
Klar beschrieben
Anfängerfreundlichkeit
35/100

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.