Adding CKEditor 4 to Angular

You can add CKEditor 4 to angular following instruction from here.

Add ckeditor using npm:

npm install ckeditor4-angular

After installing, import CKEditorModule to your application:

import { CKEditorModule } from 'ckeditor4-angular';

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

Use the CKEditor 4 online builder to quickly customize and generate ckeditor files.

Unzip the generated file and copy the ckeditor folder into your projects assets folder.

In index.html, add a script reference to ckeditor:

  <script src="assets/ckeditor/ckeditor.js"></script>

Then in a component, you can use ckeditor like this:

<ckeditor data="<p>Hello, world!</p>"></ckeditor>

Yirga Code