hackmdio / hackmdio/hackmd-io-issues

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

Aperta
#262 0 commenti 0 reazioni 0 assegnatari Vedi su GitHub
Lingua principale
Nessun dato sulla lingua
Stelle
40
Fork
9
Metriche di merge delle PR
Nessuna PR unita negli ultimi 30g

Descrizione

### 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

Guida per i contributori

Nessuna guida per i contributori indicizzata per questo repository

Direzione di ricerca

Riproduci il problema in HackMD con il Markdown fornito, che contiene un blocco di codice JavaScript delimitato all'interno di un tag details letterale. Qui non sono identificati alcun file di implementazione né alcun test; traccia il punto di ingresso di Markdown/rendering per il codice delimitato all'interno di HTML e verifica che al blocco venga applicata l'evidenziazione della sintassi JavaScript senza interrompere il rendering.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Valutazione

Stack tecnologico
html, javascript, markdown
Ambito
frontend
Tipo di issue
Bug
Difficoltà
4/5
Tempo stimato
3-5 giorni
Stato di attività
Ferma
Chiarezza
Specificata chiaramente
Idoneità per principianti
35/100

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.