How can I insert a custom Angular element into the kendo-editor value?
I want my kendo-editor to have a feature which allows to upload local images. After uploading the url for the image retrieval requires authentication/authorization. So, I can not rely on the native src handling and have to run a get request for an image src myself to add a few headers.
In order to achieve that I use a pipe which takes the image src, runs a request and transforms the request result into the base64 to show an image.
Now, in order to use the Angular features (e.g. the pipe) in the kendo-editor value I use a custom Angular element. https://angular.io/guide/elements
And the issue is that for some reasons I am not able to insert the custom Angular element into the kendo-editor value, while I only able to make the whole value being equal to the element.
Here is the stackblitz with the issue demonstration: https://stackblitz.com/edit/angular-uv7tpc?file=app%2Fdialog.component.ts.
The file to pay attention to is the dialog.component.ts.
If I change the `<p><custom-img-element></custom-img-element></p>` to the `<custom-img-element></custom-img-element>` the custom element will be inserted just fine, but if I insert the element (i.e. won't remove the `p` enclosing tag), then the element just does not get inserted and disappears.
In case something is not clear in the issue described, please, let me know.