Using the Wiris editor within a Web Component
问题 I have created a Web Component which hosts Wiris. However when the component is rendered the Wiris editor is (very) badly formed: You can see the issue live here. The code is as follows: class WirisComponent extends HTMLElement { constructor() { // Always call super first in constructor super(); // Create a shadow root var shadow = this.attachShadow( { mode: 'open' } ); // Create a div to host the Wiris editor var div = document.createElement('div'); div.id = 'editorContainer'; var