Angular 2 Update CKEditor TextArea-

Question

Plunker: https://plnkr.co/edit/aUBtpe?p=preview

Mit CKEditor, die content Variable ist nicht auf die Textarea-Value-Änderungen aktualisiert. Es bleibt dieselbe wie die ursprüngliche page.content Variable, die vom Server empfangen wurde.

die console.log(content) zeigen die alten Daten, ohne die Änderungen, die ich an den Textarea Daten vorgenommen.

Irgendwelche Ideen?

Answer 1

Mehrere Probleme:

1. Sie benötigen ng2-ckeditor für ckeditor mit Angular2 Rahmen richtig zu arbeiten.

2. Angular2 (das neueste ist 2.1.1) ist jetzt veröffentlicht, und beta.0 ist wirklich alt. Aktuelle Version von ng2-ckeditor basiert auf Angular2 Modul Import-Modell, das in RC.5 eingeführt wurde.

3. NG2-ckeditor zu arbeiten, sowohl

   In index.html

   <script src="https://cdn.ckeditor.com/4.5.11/full/ckeditor.js"></script>

   UND Module Import

   import { CKEditorModule } from 'ng2-ckeditor'; 
   
   @NgModule({ 
       // ... 
       imports:  [ 
       CKEditorModule 
       ], 
       // ... 
   }) 
   

   erforderlich sind.

Ich habe eine funktionierende Plunker Here erstellt.