관리-도구

편집 파일: add-dynamic-styles.js

export const addDynamicStyles = () => {
	setTimeout( () => {
		const getAllIFrames = document.querySelectorAll('iframe[name="editor-canvas"]');
		if ( ! getAllIFrames?.length ) {
			return;
		}

const cloneLinkTag = ( linkId ) => {
			const getTag = document.getElementById( linkId );
			return getTag ? getTag.cloneNode( true ) : false;
		}

const cloneStyleTag = ( styleId ) => {
			const getStyleTag = document.getElementById( styleId );
			return getStyleTag ? getStyleTag.textContent : false;
		}

for ( const iterateIFrames of getAllIFrames ) {
			const iframeDocument = iterateIFrames?.contentWindow.document || iterateIFrames?.contentDocument;
			
			if( ! iframeDocument?.head ){
				continue;
			}

const copyLinkTag = ( tagId ) => {
				const isExistTag = iframeDocument.getElementById( tagId );
				if ( isExistTag ) return;
				
				const clonedTag = cloneLinkTag( tagId );
				if ( ! clonedTag ) return;
				
				iframeDocument.head.appendChild( clonedTag );
			}

copyLinkTag( 'dashicons-css' );
			copyLinkTag( 'pagelayer-block-icon-css' );
			copyLinkTag( 'pagelayer-block-editor-css' );
			copyLinkTag( 'pagelayer-frontend-css' );
			copyLinkTag( 'mediaelement-css' );

copyStyleTag( 'pagelayer-block-global-style' );
			copyStyleTag( 'pagelayer-global-styles' );
		}
	} );
};