angular5 projemize nasıl html editor ekleriz ?

Angular5 projemize basit bir html editor implemente etmek için aşağıdaki aşamalrı uygulamamız yeterlidir.



1. cmd ekranını açıyor ve proje dosyamızı açıyoruz.

örnek : cd /projedosyamız

cd /projedosyamız

2. proje dosyamızda node package manager yardımı ile ngx editör pluginini indiriyoruz.

npm install ngx-editor --save

3. app.module.ts dosyamızda import kısmına plugin tanımını yapıyoruz.

import { NgxEditorModule } from 'ngx-editor';



@NgModule({

  imports: [ NgxEditorModule ]

})

4. ve son olarak ilgili modülü kullanmak istediğimiz html dosyamıza aşağıdaki kod parçası ile ekliyoruz.

<app-ngx-editor [(ngModel)]="htmlContent"></app-ngx-editor>




Kaynak : https://www.npmjs.com/package/ngx-editor