First, install the CKEditor components for Angular:

npm install --save @ckeditor/ckeditor5-angular
npm install --save @ckeditor/ckeditor5-build-classic

extensionModule Integration

Add CKEditorModule to your application module imports:

import { CKEditorModule } from '@ckeditor/ckeditor5-angular';

@NgModule( {
    imports: [
        CKEditorModule,
        // ...
    ],
    // ...
} )

settings_ethernetComponent Logic

Import the editor build in your component and assign it to a property:

import * as ClassicEditor from '@ckeditor/ckeditor5-build-classic';

@Component( {
    // ...
} )
export class MyComponent {
    public Editor = ClassicEditor;
    // ...
}

codeHTML Template

Use the <ckeditor> tag in your template:

<ckeditor [editor]="Editor" data="<p>Hello, world!</p>"></ckeditor>