angular highlight js


Demo

https://mattlewis92.github.io/angular-highlight-js/demo/

Table of contents

- About
- Installation
- Documentation
- Development
- License

About

Highlight.js integration for angular 4.0+

Installation

Install through npm:
``
npm install --save angular-highlight-js
`

Then include in your apps module:

`typescript
import { Component, NgModule } from '@angular/core';
import * as hljs from 'highlight.js';
import { HighlightJsModule, HIGHLIGHT_JS } from 'angular-highlight-js';

// alternatively if you only need to include a subset of languages
const hljs: any = require('highlight.js/lib/highlight');
hljs.registerLanguage('typescript', require('highlight.js/lib/languages/typescript'));

export function highlightJsFactory() {
return hljs;
}

@NgModule({
imports: [
HighlightJsModule.forRoot({
provide: HIGHLIGHT_JS,
useFactory: highlightJsFactory
})
]
})
export class MyModule {}
`

Finally use in one of your apps components:
`typescript
import { Component } from '@angular/core';

@Component({
template: '

'
})
export class MyComponent {

source: string =
import { Component } from '@angular/core';

@Component({
template: 'Hello {{ name }}'
})
class HelloWorldComponent {
name: string = 'World!';
}
.trim();

}
`

You may also find it useful to view the demo source.

$3


`


`

Development

$3

* Install Node.js and NPM (should come with)
* Install local dev dependencies: npm install while current directory is this repo

$3

Run npm start to start a development server on port 8000 with auto reload + tests.

$3

Run npm test to run tests once or npm run test:watch to continually run tests.

$3

`bash
npm run release
``

License

MIT