5 Mayıs 2018 Cumartesi

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




Yunus Emre Web Developer

Morbi aliquam fringilla nisl. Pellentesque eleifend condimentum tellus, vel vulputate tortor malesuada sit amet. Aliquam vel vestibulum metus. Aenean ut mi aucto.