|
|
@ -66,6 +66,8 @@ export class Page extends HTMLElement { |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
initFrame() { |
|
|
initFrame() { |
|
|
|
|
|
const wrap = document.createElement('div') |
|
|
|
|
|
this.shadowRoot.appendChild(wrap) |
|
|
const tmp = document.createElement('iframe') |
|
|
const tmp = document.createElement('iframe') |
|
|
tmp.sandbox = "allow-same-origin allow-scripts" |
|
|
tmp.sandbox = "allow-same-origin allow-scripts" |
|
|
const url = new URL( |
|
|
const url = new URL( |
|
|
@ -77,10 +79,10 @@ export class Page extends HTMLElement { |
|
|
) |
|
|
) |
|
|
url.searchParams.set('html', frameHtml) |
|
|
url.searchParams.set('html', frameHtml) |
|
|
tmp.src = url.href |
|
|
tmp.src = url.href |
|
|
this.shadowRoot.insertAdjacentHTML( |
|
|
wrap.insertAdjacentHTML( |
|
|
'beforeend', tmp.outerHTML |
|
|
'beforeend', tmp.outerHTML |
|
|
) |
|
|
) |
|
|
const frames = this.shadowRoot.getElementsByTagName('iframe') |
|
|
const frames = wrap.getElementsByTagName('iframe') |
|
|
this.frame = frames[frames.length - 1] |
|
|
this.frame = frames[frames.length - 1] |
|
|
this.textArea.addEventListener('blur', e => { |
|
|
this.textArea.addEventListener('blur', e => { |
|
|
const msg = ['srcdoc', e.target.value] |
|
|
const msg = ['srcdoc', e.target.value] |
|
|
|