admin

Please wait...

CKEditor

Install

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

Add in module

Now, add CKEditorModule to your application module imports:


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

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

Import the editor build in your Angular component and assign it to a public property so it becomes accessible in the template:

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

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

Finally, use the tag in the template to run the rich text editor:

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