에디터 X: HTML iFrame 요소 추가하기

외부 서버 및 기타 소스의 시각적 콘텐츠를 HTML iFrame 내 사이트에 표시하세요. 날씨 위젯, 주식 위젯, 캘린더 또는 원하는 기타 사용자 지정 요소를 추가할 수 있으며, 코드 스니펫 또는 URL을 HTML 요소에 삽입할 수 있습니다.  

이 도움말에서는 HTML iFrame을 사이트에 추가하는 데 필요한 정보를 제공합니다.

추가 패널에서 바로 사이트에 iFrame을 추가하세요. 코드 스니펫을 입력하는 HTML iFrame 또는 사이트 주소를 iFrame에 삽입하려는 경우 사이트 삽입 중에서 선택할 수 있습니다. 

오른쪽 상단의 속성 패널을 사용해 페이지에서 iFrame의 크기 및 위치를 제어할 수 있습니다.예를 들어, 다양한 화면 크기에 맞게 조정되도록 iFrame에 대해 유동적인 측정을 설정할 수 있습니다. 

동작을 다르게 설정해야 한다면, 각 중단점에 대해 별도로 이러한 설정을 사용자 지정할 수 있습니다.

삽입된 요소에는 아래 예와 같이 해당 요소를 가져온 서비스에서 사전에 정의된 너비와 높이(픽셀)가 포함되는 경우가 많습니다. 

iFrame 컨테이너가 560 x 315 픽셀보다 작은 경우 이러한 설정으로 인해 콘텐츠가 잘릴 수 있습니다. 이를 방지하려면 픽셀값을 백분율 단위로 바꾸고 아래와 같이 100%로 설정하세요. 

다음 가이드라인 및 제한 사항을 읽고 웹사이트 주소이든 사용자 지정 코드이든 상관없이 HTML iFrame에 코드를 올바르게 삽입하는 방법을 확인하세요. 

HTML 요소 내 코드는 모든 제한사항이 적용된 iFrame 내 라이브 사이트에 표시됩니다. 샌드박스를 사용하면 사용자 지정 HTML/JS/CSS 코드의 잠재적 부작용으로부터 에디터 X 사이트 방문자를 보호할 수 있습니다.

하지만, W3C 사양 에 따라 사용자 지정 코드에 대해 다음 기능을 다시 활성화했습니다.