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

Hi,

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:
Created 7 years ago
Comments:19 (6 by maintainers)

Top GitHub Comments

3reactions

uppalapati41commented, Jul 5, 2017

What if we use

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

Works good for me.

1reaction

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

Top 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...

CKEditor Data Binding - CUBA.Platform

Hello, I have seen the CKEditor sample project https://github.com/cuba-labs/js-component-integration but how can I get or bind the ...

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...

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...

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 ......