How to create an Editor with version 3.0 inside a Shadow DOM? #1659

import suneditor from 'suneditor'
import {align} from 'suneditor/plugins'
import editorCss from 'suneditor/css/editor?inline'

class TestEditor extends HTMLElement {
  constructor() {
    super()
    this.attachShadow({mode: 'open'})
  }

  connectedCallback() {
    this.shadowRoot.innerHTML =
      `
        <style>${editorCss}</style>
        <textarea></textarea>
      `

    const textarea = this.shadowRoot.querySelector('textarea')
    this.editor = suneditor.create(textarea,
      {
        plugins: {align},
        buttonList: [
          ['align']
        ]
      })
  }

  disconnectedCallback() {
    this.editor?.destroy()
  }
}

customElements.define('sun-editor-test', TestEditor)