Estoy trabajando en una aplicación de blogs en la que quiero cargar una imagen en cualquier base de datos o específicamente en Firebase desde ckeditor4 usando la aplicación angular. Revisé la documentación en la que puedo cargar una imagen en ckeditor desde mi explorador de archivos. Pero no veo que tenga idea de cómo subirlo a mi base de datos.

A continuación se muestra mi código.

componente.html

 <ckeditor [config]="config" data="<p>Some initial data</p>" type="classic" formControlName="body"></ckeditor>

componente.ts

 ngOnInit(){ this.config = { extraPlugins: 'uploadimage', uploadUrl: 'https://ckeditor.com/apps/ckfinder/3.4.5/core/connector/php/connector.php?command=QuickUpload&type=Files&responseType=json', // Configure your file manager integration. This example uses CKFinder 3 for PHP. filebrowserBrowseUrl: 'https://ckeditor.com/apps/ckfinder/3.4.5/ckfinder.html', filebrowserImageBrowseUrl: 'https://ckeditor.com/apps/ckfinder/3.4.5/ckfinder.html?type=Images', filebrowserUploadUrl: 'https://ckeditor.com/apps/ckfinder/3.4.5/core/connector/php/connector.php?command=QuickUpload&type=Files', filebrowserImageUploadUrl: 'https://ckeditor.com/apps/ckfinder/3.4.5/core/connector/php/connector.php?command=QuickUpload&type=Images' } } // how do I inovoke below function on file upload from ckeeditor uploadToFirebase(){ // code to upload image to firebase }

¿Hay alguna manera en que pueda hacer que esto funcione en una aplicación angular con cualquier otro editor en el que quiera cargar una imagen desde mi navegador de archivos a la base de datos mientras escribo un blog?