https://github.com/sgbj/angular-prism

Use the Prism syntax highlighter in your Angular applications
https://github.com/sgbj/angular-prism

Last synced: 8 days ago
JSON representation

Use the Prism syntax highlighter in your Angular applications

• Host: GitHub
• URL: https://github.com/sgbj/angular-prism
• Owner: sgbj
• Created: 2017-11-29T03:51:46.000Z (almost 7 years ago)
• Default Branch: master
• Last Pushed: 2018-07-02T15:02:10.000Z (over 6 years ago)
• Last Synced: 2024-10-13T19:06:18.475Z (about 1 month ago)
• Language: JavaScript
• Homepage: https://stackblitz.com/edit/angular-p5pqex
• Size: 1.16 MB
• Stars: 5
• Watchers: 3
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.MD

Awesome Lists containing this project

README

        
# [@sgbj/angular-prism](https://www.npmjs.com/package/@sgbj/angular-prism)

Use the Prism syntax highlighter in your Angular applications.

## Installation

To install this library, run:

```bash

$ npm install @sgbj/angular-prism --save

```

## Consuming your library

Once you have published your library to npm, you can import your library in any Angular application by running:

```bash

$ npm install @sgbj/angular-prism

```

and then from your Angular `AppModule`:

```typescript

import { BrowserModule } from '@angular/platform-browser';

import { NgModule } from '@angular/core';

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

// Import your library

import { PrismModule } from '@sgbj/angular-prism';

import 'prismjs/prism';

import 'prismjs/components/prism-typescript';

import 'prismjs/components/prism-scss';

import 'prismjs/components/prism-markup';

@NgModule({

  declarations: [

    AppComponent

  ],

  imports: [

    BrowserModule,

    // Specify your library as an import

    PrismModule

  ],

  providers: [],

  bootstrap: [AppComponent]

})

export class AppModule { }

```

and in your style file:

```scss

@import '~prismjs/themes/prism';

```

Once your library is imported, you can use its components, directives and pipes in your Angular application:

```xml

console.log('Hello world!');

```

or

```xml

```

[View demo.](https://stackblitz.com/edit/angular-p5pqex)

## Development

To generate all `*.js`, `*.d.ts` and `*.metadata.json` files:

```bash

$ npm run build

```

To lint all `*.ts` files:

```bash

$ npm run lint

```

## License

MIT © [sgbj](mailto:[email protected])