Placeholder Binding Issue

I tried the method listed in the readme: <angular-editor [placeholder]="'Enter text here...'" [(ngModel)]="htmlContent"></angular-editor> both on my local install and on the stackblitz example . Both receive an error related to binding to placeholder:

Stackblitz:

Error in /turbo_modules/@angular/compiler@7.0.4/bundles/compiler.umd.js (2617:21) Template parse errors: Can’t bind to ‘placeholder’ since it isn’t a known property of ‘angular-editor’.

1. If ‘angular-editor’ is an Angular component and it has ‘placeholder’ input, then verify that it is part of this module.
2. If ‘angular-editor’ is a Web Component then add ‘CUSTOM_ELEMENTS_SCHEMA’ to the ‘@NgModule.schemas’ of this component to suppress this message.
3. To allow any property add ‘NO_ERRORS_SCHEMA’ to the ‘@NgModule.schemas’ of this component. ("

Native WYSIWYG editor for Angular 6+

</header> <angular-editor [ERROR ->][placeholder]="'custom placeholder'" [(ngModel)]="htmlContent" [config]="config"></angular-editor> "): ng:///AppModule/AppComponent.html@5:20

Local:

Uncaught Error: Template parse errors: Can’t bind to ‘placeholder’ since it isn’t a known property of ‘angular-editor’.

1. If ‘angular-editor’ is an Angular component and it has ‘placeholder’ input, then verify that it is part of this module.
2. If ‘angular-editor’ is a Web Component then add ‘CUSTOM_ELEMENTS_SCHEMA’ to the ‘@NgModule.schemas’ of this component to suppress this message.
3. To allow any property add ‘NO_ERRORS_SCHEMA’ to the ‘@NgModule.schemas’ of this component. ("

<div class="container"> <form (ngSubmit)="onSubmit()" #memberForm="ngForm"> <angular-editor [ERROR ->][placeholder]="'Enter text here...'" [(ngModel)]="concert.notes"></angular-editor> ...

This occurs using angular 7.1.0 locally and 7.0.4 on stackblitz

[kolkov]

This issue was fixed. Try new version please!

[Miguel-Lara]

Hi, I experienced the same issue. I solved it by moving from this: <angular-editor [placeholder]="'Enter text here...'" [(ngModel)]="htmlContent"></angular-editor> to this: <angular-editor [config]="config" [(ngModel)]="htmlContent"></angular-editor>

and in the .ts file:

config: AngularEditorConfig = { editable: true, spellcheck: true, height: '15rem', minHeight: '5rem', placeholder: 'Enter text here...', translate: 'no' }

Hope it helps.