TinyMCE 4.9.x 仍然无法在影子中工作 dom。有什么解决办法吗?
TinyMCE 4.9.x still not work in shadow dom. Is there any ideas how to solve it?
我尝试将tinyMCE初始化为放置在shadowDOM中的元素。 (聚合物网络组件),但它不起作用。
我在这里找到的相同情况示例:https://embed.plnkr.co/WXtcz2GUpOhgrhWBTcAW/
你有什么想法,如何为 shadowDOM 中的元素初始化 tinyMCE 4.9.3?
(在 FireFox 65.0.2 上测试,Chrome 72.0.3626.121)
将 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初始化为放置在shadowDOM中的元素。 (聚合物网络组件),但它不起作用。
我在这里找到的相同情况示例:https://embed.plnkr.co/WXtcz2GUpOhgrhWBTcAW/
你有什么想法,如何为 shadowDOM 中的元素初始化 tinyMCE 4.9.3? (在 FireFox 65.0.2 上测试,Chrome 72.0.3626.121)
将 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>