스마트에디터2에서 유튜브 및 외부 동영상 삽입하는 방법

• 목록
• 스크랩

스마트에디터2에서 유튜브 및 외부 동영상 삽입하는 방법

그누보드5 환경의 스마트에디터2에서 동영상 첨부 버튼이 없을 때, HTML 탭을 활용해 외부 동영상 코드를 삽입하고 정상 노출 여부를 확인하는 방법을 알아봅니다.

스마트에디터2에서 외부 동영상 삽입하기

스마트에디터2는 이미지 첨부 기능만 제공하며 동영상 첨부 전용 버튼이 없습니다. 따라서 유튜브 등의 외부 동영상을 넣으려면 HTML 소스코드를 직접 추가해야 합니다.

삽입 절차

1. 유튜브 영상 페이지 우측 하단의 공유 > 퍼가기 메뉴에서 동영상 퍼가기 코드 전체를 복사합니다.
2. 본문 작성 중 동영상을 넣을 위치에 커서를 두고, 에디터 우측 하단의 HTML 탭을 클릭합니다.
3. 복사한 코드를 원하는 위치에 붙여넣고 다시 Editor 탭을 클릭하여 결과를 확인합니다.

주의: HTML 탭에서 코드를 입력할 때 잘못된 코드를 복사하거나 태그를 누락하면 영상이 노출되지 않을 수 있습니다.

스마트에디터2 외부 동영상 삽입 방법

외부 동영상 삽입을 위한 구체적인 절차는 다음과 같습니다.

1. 코드 복사: 유튜브 영상 페이지 우측 하단 공유 > 퍼가기에서 제공하는 소스 코드 전체를 복사합니다.
2. 코드 삽입: 에디터 하단의 HTML 탭을 클릭하여 원하는 위치에 복사한 코드를 붙여넣습니다.
3. 결과 확인: 다시 Editor 탭을 클릭하여 영상이 정상적으로 추가되었는지 확인합니다.

참고: 게시판 설정에 따라 <iframe> 태그가 보안상 삭제될 수 있으므로, 저장 후 실제 게시글 화면에서 영상이 정상 출력되는지 확인이 필요합니다.

스마트에디터2 외부 동영상 삽입 및 결과 확인 방법

스마트에디터2는 기본적으로 이미지 첨부 기능만 제공하며 전용 동영상 첨부 기능은 지원하지 않습니다. 따라서 유튜브 등 외부 동영상을 삽입하려면 본문 작성 중 소스코드를 직접 추가해야 합니다.

1. 퍼가기 코드 복사 및 소스 입력

1. 본문 작성 중 글을 작성하다가 동영상을 넣고 싶은 위치를 정합니다.
2. 유튜브의 경우 해당 영상 페이지에서 우측 하단 메뉴 중 공유 > 퍼가기 > 동영상 퍼가기 코드 전체를 복사합니다.
3. 에디터 창 우측 하단에 있는 HTML 탭을 클릭하여 원하는 위치에 복사한 동영상 코드를 추가합니다.

2. 동영상 노출 결과 확인 방법

1. HTML 탭에서 동영상 코드를 추가한 후, 다시 Editor 탭을 클릭합니다.
2. Editor 탭으로 전환된 화면에서 동영상이 올바르게 추가되었는지 확인할 수 있습니다.

스마트에디터2 외부 동영상 삽입 가이드

• 내 상황: 그누보드5 환경의 스마트에디터2에서 유튜브 등의 외부 동영상을 본문에 넣으려 할 때
• 선택 기준: 스마트에디터2는 동영상 업로드 전용 버튼이 없고 이미지 첨부 기능만 제공되므로, HTML 소스코드를 직접 삽입하는 방식 선택
• 다음 행동: 에디터 우측 하단의 HTML 탭을 클릭해 유튜브 공유 메뉴에서 복사한 퍼가기 코드를 넣고, 다시 Editor 탭을 눌러 정상 노출 확인

실전 FAQ

• Q. 퍼가기 코드는 어디서 복사하나요?
  • 유튜브 영상 페이지 우측 하단의 공유 > 퍼가기 메뉴에서 제공하는 소스 코드 전체를 복사하여 사용합니다.
• Q. HTML 탭에서 코드를 넣었으나 Editor 탭에서 영상이 보이지 않습니다.
  • 에디터의 미리보기 기능은 제한적일 수 있습니다. 코드를 입력한 후 글을 저장하여 실제 게시글 화면에서 영상이 정상적으로 출력되는지 확인하십시오.

함께 보면 좋은 글

• 그누보드 HTMLPurifier 외부 동영상 iframe 허용 도메인 설정 방법
• 그누보드 스마트에디터2 사진 첨부 기능 제거 방법
• 그누보드 스마트에디터2 최소 가로 사이즈 제한 수정 방법

참고자료

기타 참고자료

• gnustudy.com — 스마트에디터2 사용 시 유튜브 네이버 등 외부 동영상 넣기 - 그누보드팁