TinyMCE 4.9.x 仍然无法在影子中工作 dom。有什么解决办法吗？

Question

我尝试将tinyMCE初始化为放置在shadowDOM中的元素。（聚合物网络组件），但它不起作用。

我在这里找到的相同情况示例：https://embed.plnkr.co/WXtcz2GUpOhgrhWBTcAW/

你有什么想法，如何为 shadowDOM 中的元素初始化 tinyMCE 4.9.3？（在 FireFox 65.0.2 上测试，Chrome 72.0.3626.121）

Answer 1

将 TinyMCE <textarea> 放在灯下 DOM。
借助 <slot> 元素将其插入阴影 DOM 中。

class MyElement extends HTMLElement {
  connectedCallback() {
    const textarea = document.createElement('textarea')
    this.appendChild(textarea)
    this.attachShadow({ mode: 'open' })
        .innerHTML=`<style>
                :host { outline: 5px solid blue ; display: inline-block }
            </style>
            <slot></slot>`
    tinymce.init({
      target: textarea
    })
  }  
}

customElements.define('my-element', MyElement)

<script data-require="tinymce@4.4.3" data-semver="4.4.3" src="https://cdn.tinymce.com/4/tinymce.min.js"></script>

<my-element></my-element>

TinyMCE 4.9.x 仍然无法在影子中工作 dom。有什么解决办法吗？

TinyMCE 4.9.x still not work in shadow dom. Is there any ideas how to solve it?

tinymce

polymer-1.0

web-component

shadow-dom