export class EditBlogComponent implements OnInit {
...
blog: Blog;
...
editorStyle = {
height: '400px;'
};
editorConfig = {
toolbar: [
['bold', 'italic', 'underline', 'strike'], // toggled buttons
['blockquote', 'code-block'],
['link', 'image', 'video'] // link and image, video
]
};
ngOnInit(): void {
...
//I got the blog with HttpClient from API and I synchronized it with my blog variable.
this.blog = data;
...
}
}
このコードは私の edit-blog.component.html からのものです。Angular ページが OnInit() の場合、ブログの説明をクイル エディターに設定したいと考えています。
<quill-editor [content]="blog.description" [style]="editorStyle" [modules]="editorConfig" (onEditorChanged)="changedEditor($event)"></quill-editor>
しかし、[content]="blog.description" を HTML に追加すると、エラーが発生します。エラーは次のとおりです。
- 「quill-editor」が Angular コンポーネントであり、「content」入力がある場合は、それがこのモジュールの一部であることを確認してください。
- 「quill-editor」が Web コンポーネントの場合、このメッセージを抑制するには、このコンポーネントの「@NgModule.schemas」に「CUSTOM_ELEMENTS_SCHEMA」を追加します。
- 任意のプロパティを許可するには、このコンポーネントの「@NgModule.schemas」に「NO_ERRORS_SCHEMA」を追加します。