Markdown-Parser erweitern, um benutzerdefinierte Codeblöcke zu rendern

Question

Ich baue ein statisches Blog, das Marked verwendet, um Markdown zu parsen. Ich möchte Code-Blöcke mit Tabs haben können. Ich mag Code analysieren, die wie folgt aussieht:

```JavaScript 
var geolocation = require("nativescript-geolocation"); 
``` 
```TypeScript 
import geolocation = require("nativescript-geolocation"); 
``` 

Um so etwas wie dies (aus dem angular2 docs), wobei die Registerkarte Namen JavaScript und TypeScript sein würden.

Ich bin Programmierung in JavaScript (NodeJS), so konnte ich dies manuell machen, wenn erforderlich? Wie sieht eine benutzerdefinierte Implementierung einer Codeblock-Registerkarte aus?

Ich bin nicht sicher, ob es einen speziellen Namen für diese gibt, wie ich wirklich keine Beispiele oder Vorlagen finden kann.

Answer 1

Ich denke, die Antwort ist: 'Markiert' unterstützt keine benutzerdefinierten Tags. Ich habe einige Stunden damit verbracht, einen Weg zu finden, um es zu erweitern, und bin schließlich zu showdown gewechselt.

Es scheint sehr einfach zu sein, eine zu implementieren (sie ist erweiterbar section Tag example).

Erweiterung 'showdownjs/prettify-extension' implementiert Code-Hervorhebung mit Google Prettify.