highlight.js funktioniert nicht mit Angular 2

8

Ich versuche, meine Anwendung mit highlight.js mit Syntax-Highlighting zu versehen, aber es scheint nicht mit Angular 2 zu funktionieren.

Könnten Sie mir bitte mitteilen, was ich falsch machen könnte?

Hier ist der Plnrkr: Ссылка

Dies ist die Komponente

%Vor%

und das ist, wo ich highlight.js mit cdn hinzufügen:

%Vor%

Ссылка

    
takeradi 18.05.2016, 18:53
quelle

3 Antworten

10

Sie müssen highlightjs explizit auf einen Block auf diese Weise anwenden:

%Vor%

Siehe plunkr

Ein guter Ansatz wäre, eine benutzerdefinierte Direktive dafür zu erstellen:

%Vor%

und benutze es so:

%Vor%     
Thierry Templier 18.05.2016, 19:00
quelle
2

Ich denke, dass Sie Highlight manuell auslösen müssen. Sie könnten eine Anweisung dazu verwenden:

%Vor%

Hier ist der entsprechende Plunkr Ссылка

Aktualisieren

Die Initialisierung sollte in den ngAfterViewInit-Hook verschoben werden. Siehe @Thierry Antwort.

    
yurzui 18.05.2016 19:06
quelle
2

Ich habe das Modul highlight.js für angular veröffentlicht, installiere es von npm

%Vor%

Es ist sehr einfach zu bedienen, es behandelt das Laden des Skripts und des Themas automatisch für Sie, sehen Sie sich die Demo an aus.

    
Murhaf Sousli 29.07.2017 03:20
quelle