Press "Enter" to skip to content

Angular for Syntax Highlighting with Highlight.js

ngx-highlight-js is an Angular 2+ syntax highlighter component based on Highlight.js.

ngx highlightjs, angular textarea syntax highlighting, angular highlight js, highlight js npm, highlight js alternative

How to make use of it:

Install

npm install --save ngx-highlight-js

1. Load the highlight.js and theme css on page.

<link rel="stylesheet" href="//cdn.jsdelivr.net/gh/highlightjs/cdn-release/build/styles/atom-one-dark.min.css" />
<script src="//cdn.jsdelivr.net/gh/highlightjs/cdn-release/build/highlight.min.js"></script>

2. Import the HighlightJsModule into your root AppModule.

import { HighlightJsModule } from 'ngx-highlight-js';
@NgModule({
  imports: [ HighlightJsModule ],
  bootstrap: [AppComponent]
})
export class AppModule {
}

angular syntax highlighting component, ngx-highlight-js Plugin/Github


See Demo And Download

Official Website(cipchk): Click Here

This superior jQuery/javascript plugin is developed by cipchk. For extra advanced usage, please go to the official website.

Be First to Comment

    Leave a Reply

    Your email address will not be published.