Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Binding data with CKeditor

See original GitHub issue


I’ve several problems with ng2-ckeditor. First, the [(ngModel)] doesn’t work, it doesn’t bind any data. How can i bind the data with the ckeditor.

<textarea name="editorTitle" id="editorTitle" [(ngModel)]="article.title" rows="10" [config]="{extraPlugins : 'onchange'}" cols="80" ngControl="title" #title="ngForm" required> </textarea>

Best regards.

Issue Analytics

  • State:closed
  • Created 7 years ago
  • Comments:19 (6 by maintainers)

github_iconTop GitHub Comments

uppalapati41commented, Jul 5, 2017

What if we use

<ng-container *ngIf="news?.content"> <ckeditor [(ngModel)]="news.content" /> </ng-container>

Works good for me.

yobudcommented, Oct 21, 2016

Had the same issue (with v1.0.4), dirty fix is to make the several ckeditors not to appear in the same time with <ckeditor *ngIf="loaded1" ...> and setTimeout(() => this.loaded1 = true, 200) in ngOnInit.

Hope this helps

Read more comments on GitHub >

github_iconTop Results From Across the Web

Getting and Saving Data - CKEditor 4 Documentation
The CKEditor JavaScript API makes it easy to retrieve and control the data. Depending on your usage scenario, the data can either be...
Read more >
CKEditor Data Binding - CUBA.Platform
Hello, I have seen the CKEditor sample project but how can I get or bind the ...
Read more >
How can I use AngularJS data binding with CKEditor?
I was able to get the data into CKEditor by using a textarea with the name attribute matching my model and a script...
Read more >
How to bind CKEditor value to Laravel livewire component
x-data initialises an Alpine component for the scope of the div. · x-init runs the code specified, basically gets BalloonEditor (choose the CKEditor...
Read more >
Blog - Knockout & CKEditor - Leaping Gorilla
Knockout is a library which provides 2-way databinding between your script objects and UI without getting in the way. CKEditor offers a rich ......
Read more >

github_iconTop Related Medium Post

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Post

No results found

github_iconTop Related Hashnode Post

No results found