angular-prism

View Demo

Installation

To install this library, run:

``bash
$ npm install angular-prism --save
`

Usage


Include the required prism theme CSS in your index.html or plug into your build System
`xml

`
Configure your System.config
`javascript
System.config({
defaultJSExtensions: true,
map: {
"angular2": "node_modules/angular2",
"rxjs": "node_modules/rxjs",
...
"prismjs": "node_modules/prismjs"
"angular-prism" : "node_modules/angular-prism/dist"
},
packages: {
'app': {
main : './main.ts',
defaultJSExtensions : 'ts'
},
'prismjs' : {
defaultExtension : 'js'
},
'angular-prism' : {
main : './angular-prism.js',
defaultExtension : 'js'
}
}
});
`
and then from your Angular AppModule:

`typescript
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';

import { AppComponent } from './app.component';

/ Import prism core /
import 'prismjs/prism';

/ Import the language you need to highlight /
import 'prismjs/components/prism-typescript';

import { PrismComponent } from 'angular-prism';

@NgModule({
declarations: [
AppComponent,
PrismComponent
],
imports: [
BrowserModule
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule { }
`
and in your component which displays code block
`typescript
@Component({
selector: 'my-app',
template:

,
})
export class MyComponent {
cssCode : string;

constructor() {
this.cssCode = p {
color:red;
};

}
}
`

Development

To generate all .js, .js.map and *.d.ts files:

`bash
$ npm run tsc
`

To lint all *.ts files:

`bash
$ npm run lint
``

License

MIT © Vaibhav Bansal