Question 1

How to add line numbers to code blocks in ngx-highlightjs?

Accepted Answer

Import the HighlightLineNumbers directive from ngx-highlightjs/line-numbers and add the lineNumbers attribute to your code element. You can customize options like startFrom for the numbering sequence, as shown in the README's line numbers section.

Question 2

ngx-highlightjs vs prismjs for Angular?

Accepted Answer

ngx-highlightjs is better if you're already using Highlight.js or need dynamic theme switching and lazy loading, while Prism.js alternatives might offer more themes or plugins. Consider your project's dependency on Angular-native directives versus broader ecosystem support.

Question 3

How to change the highlighting theme dynamically in Angular?

Accepted Answer

Inject the HighlightLoader service and call setTheme() with the path to the new CSS file. First, ensure themePath is set in the global configuration via provideHighlightOptions, as detailed in the dynamic theme approach section.

Question 4

Does ngx-highlightjs work with Angular Universal or server-side rendering?

Accepted Answer

No, because it relies on Highlight.js, which is a client-side library. For SSR, you'd need to handle highlighting on the client side post-hydration or use a different server-compatible syntax highlighter.

Question 5

How to lazy load only specific languages in ngx-highlightjs?

Accepted Answer

Configure coreLibraryLoader and languages in provideHighlightOptions, dynamically importing each language module (e.g., from 'highlight.js/lib/languages/typescript'). This avoids loading the full Highlight.js library upfront.

Question 6

How to highlight code from a GitHub gist in Angular?

Accepted Answer

Use the plus package's [gist] directive and gistContent pipe. Provide HttpClient and gist options, bind the gist ID, and handle the gistLoaded event to extract and highlight the code, as demonstrated in the plus package examples.

ngx-highlightjs

What is ngx-highlightjs?

Overview

Use Cases

Best For

Related Projects

Found a gem we're missing?

Not Ideal For

Pros & Cons

Pros

Cons

Frequently Asked Questions