Hello Ryan,
I’m developing a vaadin application using microfrontend as explained in this link [labs-micro-frontend]
(Micro Frontend in Java).
The question is When applying VaadinCKEditor with the WebComponentExporter, it seems that the component does not render correctly. Here is how I export the component from the microfrontend with a VaadinCKEditor:
public class MicrofrontendView extends VerticalLayout {
private static final long serialVersionUID = 1L;
public static class Exporter extends WebComponentExporter<MicrofrontendView> {
private static final long serialVersionUID = 1L;
public Exporter() {
super("microfrontend-view");
// tag name: microfrontend-view
// javascript path: http://localhost:8092/helloworld-app/web-component/microfrontend-view.js
}
@Override
protected void configureInstance( WebComponent<MicrofrontendView> webComponent, MicrofrontendView component )
{
//default config
}
}
private VaadinCKEditor vaadinCKEditor = new VaadinCKEditorBuilder().createVaadinCKEditor();
public MicrofrontendView() {
this.setId("MicrofrontendView");
this.add( new Text("Remote microfrontend VaadinCKEditor:") );
this.add( vaadinCKEditor );
}
}
I have created a simple example where you can see the problem. [microfrontend-ckeditor]
(GitHub - joseramongil/microfrontend-ckeditor: example microfrontend and VaadinCKEditor). This is the result with a native CKEditor and an embedded CKEDitor with microfrontend:
![mainview]
(https://raw.githubusercontent.com/joseramongil/microfrontend-ckeditor/main/No_render_remote_CKEditor.PNG)
Do you know why the VaadinCKEditor component is not rendering correctly and how to fix it?
Thanks.