Ngx-wig

June 27, 2026 · View on GitHub

screen shot 2017-12-12 at 14 52 51

Features

Icons are not in the pack! You can use the icons that you like. We recommend to use Material Design Icons

If you do not want to use a full icons set, you can use these steps:

Go to icons set
Choose the icon that you want, press the right mouse button on it, and then select the "View SVG" option
Go to URL-encoder for SVG and use it to convert your SVG

Ngx-wig could be simply installed via npm:

npm install ngx-wig

Import the NgxWigNodule:

import {NgxWigModule} from 'ngx-wig';

@Component({
  imports: [NgxWigModule]
});
export class MyCmp {
  text = 'Hello World';
}

Add the following snippet to your template:

<ngx-wig [content]="text" />

<ngx-wig [buttons]="'bold, italic'" />

<ngx-wig (contentChange)="result = $event" />

providers: [
  {
    provide: NgxWigFilterService,
    useClass: NgxWigFilterStylesService
  }
]