mirror/slate
1
0
Fork 0
mirror of https://github.com/ianstormtaylor/slate.git synced 2025-08-31 19:01:54 +02:00
Code Issues Releases Wiki Activity

iframe example - use an onLoad callback instead of the ref (#4758)

Browse Source 
* use an onLoad callback instead of the ref

* expect body to not be null on the iframe test

* remove onLoad prop
This commit is contained in:
Adrian
2022-01-11 00:21:20 +01:00
committed by GitHub
parent 8daa77e9fa
commit e3a325f8a6
2 changed files with 7 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
site/examples/iframe.tsx
View File

@@ -105,14 +105,13 @@ const MarkButton = ({ format, icon }) => {
}
const IFrame = ({ children, ...props }) => {
const [contentRef, setContentRef] = useState(null)
const mountNode =
contentRef &&
contentRef.contentWindow &&
contentRef.contentWindow.document.body
const [iframeBody, setIframeBody] = useState(null)
const handleLoad = e => {
setIframeBody(e.target.contentDocument.body)
}
return (
<iframe {...props} ref={setContentRef}>
{mountNode && createPortal(React.Children.only(children), mountNode)}
<iframe srcDoc={`<!DOCTYPE html>`} {...props} onLoad={handleLoad}>
{iframeBody && createPortal(children, iframeBody)}
</iframe>
)
}