javascript - ng2-ckeditor Add Placeholder plugin using typescript and angular 2.0

Question

I am trying to get placeholder plugin in the CKEditor toolbar but getting following error when adding extraPlugins:'placeholder' to CKEditor config -

Error: [CKEDITOR.resourceManager.load] Resource name "placeholder" was not found at "//cdn.ckeditor.com/4.5.9/standard/plugins/placeholder/plugin.js?t=G6DD".

Here is console log screenshot -

I have also created a plunker.

I have installed "ng2-ckeditor": "^1.0.4" via npm.

Can i get some help ?

Answer 1

you should use that:

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

and you should use in your CKEdior tag:

<ckeditor
  [(ngModel)]="sampleContent"
  [config]="{uiColor: '#a0a0a0',extraPlugins:'placeholder'}"
  debounce="500">
</ckeditor>

and you can use :

(change)="onChange($event)"

but you must define in your Component:

onChange(body:any) {
 //your Code
}