ckeditor5 – Tarik Billa

error: Could not find a declaration file for module ‘@ckeditor/ckeditor5-build-classic’ angular 9

December 23, 2023 by Tarik

Add typings.d.ts file in your project root or any folder add following code into the typing file declare module ‘@ckeditor/ckeditor5-build-classic’ { const ClassicEditorBuild: any; export = ClassicEditorBuild; } that’s it angular will automatically detect typings and compile it as dependency this will solve the issue its also sugggested in official CKEDITOR page: https://ckeditor.com/docs/ckeditor5/latest/builds/guides/integration/frameworks/angular.html Directory Structure

CKEditor 5 – How to insert some HTML (aka. where’s the source mode)?

December 5, 2023 by Tarik

Yes, it’s possible to insert html into CKEditor5: insertHTML(html:string) { // See: https://ckeditor.com/docs/ckeditor5/latest/builds/guides/faq.html#where-are-the-editorinserthtml-and-editorinserttext-methods-how-to-insert-some-content const viewFragment = this.editor.data.processor.toView( html ); const modelFragment = this.editor.data.toModel( viewFragment ); this.editor.model.insertContent(modelFragment); }

How to set the height of CKEditor 5 (Classic Editor)

January 16, 2023 by Tarik

Answering my own question as it might help others. CKEditor 5 no longer comes with a configuration setting to change its height. The height can be easily controlled with CSS. There is one tricky thing though, if you use the Classic Editor: <div id=”editor1″></div> ClassicEditor .create( document.querySelector( ‘#editor1’ ) ) .then( editor => { // … Read more