답변 4개 / 댓글 4개
1. 동영상 자동 재생 및 음소거 설정
Glitter CKEditor5 Expansion으로 동영상 업로드가 정상적으로 이루어졌다니 다행입니다.
자동 재생과 음소거, 루프 기능 등은 오늘(2026-11-07T15:05:xx+09:00) Glitter CKEditor5 Expansion v0.1.4에 추가했습니다.
최신 버전(0.1.4)에서는 동영상 업로드 시 다음 옵션을 설정할 수 있습니다.
- Autoplay: 동영상 자동 재생
- Muted: 음소거
- Loop: 반복 재생
- playsinline: 모바일 환경에서 인라인 재생 지원
특히 자동 재생을 선택하면 음소거도 함께 적용되도록 처리했습니다.
대부분의 브라우저에서는 소리가 있는 동영상의 자동 재생을 제한하기 때문입니다.
또한 게시글에 삽입된 동영상 아래에 Loop 토글 버튼을 추가하여,
방문자가 반복 재생을 자유롭게 켜거나 끌 수 있도록 개선했습니다.
따라서 별도로 HTML 소스를 수정하실 필요 없이 최신 버전으로 업데이트한 후 동영상 업로드 옵션을 이용하시면 됩니다.
다만 브라우저 환경이나 자동 재생 정책에 따라 동작에 차이가 있을 수 있습니다.
2. 페이지 관리에 등록된 페이지를 상단 메뉴에 추가하는 방법
페이지 관리에서 생성한 페이지를 상단 메뉴에 연결하는 것은 가능합니다.
다만 페이지 관리와 상단 내비게이션 메뉴는 별도로 관리될 수 있습니다.
예를 들어 페이지 주소가 다음과 같다면,
https://aaa.com/page/about
상단 메뉴에 '회사소개' 항목을 추가하고, 연결 주소를 해당 페이지의 URI(경로: /page/about)로 지정하는 방식입니다.
우선 관리자 페이지의 메뉴 관리 기능이나 현재 사용 중인 템플릿의 내비게이션 설정을 확인해 보시기 바랍니다.
별도의 메뉴 등록 기능이 없다면 템플릿의 헤더 또는 내비게이션 영역을 수정해야 할 수도 있습니다.
페이지 관리에 등록한 페이지가 상단 메뉴에 자동으로 추가되는 것은 아니므로,
사용 중인 템플릿에 따라 설정 방법이 달라질 수 있습니다.
3. iframe 태그가 적용되지 않는 문제
iframe 태그가 적용되지 않는 문제는 현재 확인이 더 필요합니다.
일반적으로 다음과 같은 원인이 있을 수 있습니다.
- CKEditor 5에서 iframe 태그를 허용하지 않는 경우
- 페이지 콘텐츠 저장 과정에서 HTML 보안 필터링으로 제거되는 경우
- 사이트의 CSP 보안 정책으로 외부 콘텐츠가 차단되는 경우
- 외부 사이트 자체에서 iframe 삽입을 허용하지 않는 경우
Glitter CKEditor5 Expansion은 YouTube, X, Instagram, TikTok 등의 SNS 임베드 기능을 제공하지만,
이것이 모든 iframe 태그의 직접 입력을 허용한다는 의미는 아닙니다.
iframe은 보안과 관련된 요소이므로 무조건 허용하도록 변경하기보다는
실제 차단 원인을 확인한 후 필요한 범위에서 지원하는 것이 적절합니다.
유튜브 영상 등은 우선 플러그인에서 제공하는 SNS 임베드 기능을 이용해 보시기 바랍니다.
4. 추가 확인 사항
상단 메뉴에 페이지를 추가하는 방법은 현재 사용 중인 템플릿을 구체적으로 알려주시면 좀 더 살펴볼 수 있겠습니다.
iframe 문제도
어떤 사이트의 콘텐츠를 삽입하려는 것인지,
iframe 코드가 저장 후 사라지는 것인지
아니면 화면에 표시되지 않는 것인지 알려주시면 제가 더 도움을 드릴 수 있을지도 모르겠습니다.
동영상 자동 재생과 음소거 기능은 v0.1.4에 반영했으니 최신 버전으로 업데이트하여 확인해 보시기 바랍니다.
감사합니다. (●'◡'●)
작성하신 내용을 보면 회사소개 페이지를 찾지 못한 문제보다는, 편집기가 입력한 HTML을 코드가 아닌 일반 텍스트로 처리하는 문제가 먼저인 것 같습니다.
그누보드7에서 /page/about는 일반적인 about.html 파일이 아니라 페이지 모듈에서 제공하는 경로입니다.
우선 관리자 페이지의 /admin/pages에서 회사소개 항목을 확인해 보세요.
유튜브 영상은 다음 순서로 적용하는 것이 좋겠습니다.
-
편집기에 영상 삽입 기능이나 HTML 소스 편집 기능이 있는지 확인합니다.
-
지원된다면 유튜브의 '공유 → 퍼가기'에서 받은 코드를 사용합니다.
-
저장 후 다시 편집 화면을 열어 iframe 태그가 유지되는지 확인합니다.
-
태그가 삭제된다면 편집기 또는 서버의 HTML 필터링을 확인합니다.
기본 페이지 모듈의 소스를 직접 수정하는 방법은 업데이트 때 변경 사항이 사라질 수 있어 추천하지 않습니다.
편집기에 HTML 소스 모드가 없다면 지원되는 영상 삽입 기능이나 공식 확장 방식을 이용하는 편이 안전합니다.
사용 중인 페이지 편집기 화면을 보여주시면 어느 방법으로 삽입하는 것이 적합한지 더 정확하게 확인할 수 있을 것 같습니다.
관리자 ID로 로긴 하신 후 aaa.com/page/about 여시면 수정 가능할 겁니다.


추가로 설명드리면,
/page/about는 서버에 실제로 존재하는 디렉터리나 HTML 파일의 경로가 아니라
그누보드7의 라우팅 시스템을 통해 제공되는 URI입니다.
따라서 해당 경로의 소스 파일을 직접 찾기보다는 관리자 페이지의 페이지 관리에서 내용을 수정하시면 됩니다.
다만 HTML 태그를 일반 편집기에 입력하면 태그가 문자 그대로 표시될 수 있습니다.
유튜브 영상을 삽입하시려면 편집기의 HTML 소스 편집 기능이나 영상 삽입 기능 지원 여부를 확인하셔야 합니다.
특히 iframe 태그는 보안 정책에 따라 허용되지 않을 수도 있습니다.
추가로 HTML 삽입 방법을 설명드리겠습니다.
그누보드7에서 /page/about는 sirsoft-page 모듈이 관리하는 페이지입니다.
일반적인 HTML 파일을 직접 수정하는 구조는 아닙니다.
1. HTML 입력 확인
관리자 페이지의 /admin/pages에서 회사소개 페이지를 열고, 편집기에 HTML 소스 편집 기능이 있는지 확인해 보세요.
일반 편집 영역에 <table> 등의 태그를 직접 입력하면 HTML이 아닌 일반 텍스트로 저장될 수 있습니다.
2. 유튜브 영상 삽입 예제
HTML 소스 입력이 지원된다면 다음 코드를 테스트해 볼 수 있습니다.
<div class="company-video">
<iframe
src="https://www.youtube.com/embed/VIDEO_ID"
title="Company Introduction"
loading="lazy"
allow="encrypted-media; picture-in-picture; fullscreen"
allowfullscreen>
</iframe>
</div>
VIDEO_ID는 실제 유튜브 영상 ID로 변경하시면 됩니다.
단, HTML 소스 입력을 지원하더라도 iframe 태그가 보안 필터링으로 제거될 수 있습니다.
3. 소스에서 직접 수정하려는 경우
기본 페이지 모듈은 일반적으로 다음 확장 경로에서 확인할 수 있습니다.
modules/_bundled/sirsoft-page/
다만 이 경로는 페이지 모듈의 소스 위치이지, 회사소개 본문을 저장하는 HTML 파일의 위치는 아닙니다.
실제 출력 화면을 변경하려면 페이지 모듈의 레이아웃과 현재 활성화된 사용자 템플릿을 함께 확인해야 합니다.
기본 모듈 소스를 직접 수정하면 업데이트 시 변경 사항이 사라질 수 있으므로,
별도 템플릿이나 공식 확장 방식을 사용하는 편이 좋습니다.
4. CKEditor 5 확장 플러그인 참고
참고로 그누보드7의 기본 CKEditor 5(sirsoft-ckeditor5)를 기반으로 기능을 확장하는 플러그인도 있습니다.
관련 확장 세 가지를 GitHub에 공개해 두었습니다.
- Glitter CKEditor5 Expansion
유튜브 등 링크 임베드와 동영상 업로드, 코드 블록 등의 기능을 제공.
- Glitter CKEditor5 Comment
게시판 댓글과 답글에도 CKEditor 5를 적용하고 HTML 콘텐츠를 처리하는 기능을 제공.
- Glitter CKEditor5 Image
에디터 업로드 이미지의 WebP 변환, 반응형 이미지 제공 및 썸네일 최적화 기능을 제공.
다만 위 확장들은 기본 sirsoft-ckeditor5를 기반으로 동작하며,
회사소개 페이지를 관리하는 sirsoft-page 모듈과는 별개의 플러그인입니다.
따라서 해당 페이지의 편집기에 확장 기능이 적용되는지, 유튜브 링크 임베드가 정상적으로 동작하는지는 실제 설치 환경에서 확인이 필요합니다.
5. 확인할 사항
우선 HTML 소스 편집 기능이 제공되는지, 해당 기능에서 iframe을 저장할 수 있는지 확인해 보세요.
저장 후 태그가 사라지는지, 태그는 남아 있지만 영상만 표시되지 않는지에 따라 확인할 부분이 달라집니다.
답변에 대한 댓글 3개
<table>
<tr>
<td>테스트</td>
</tr>
</table>
기존 페이지관리 목록중 회사소개 페이지 수정 누르면 편집기 나오는데 html 테그 쓰고 수정 버튼 누르면 위에 처럼 쓰면 내용도 테그가 다 나와서 html 적용 하려면 편집기로는 안되는것 같아서 다른 방법이 있나 질문 드린 겁니다.
답변을 작성하려면 로그인이 필요합니다.
자동 재생 할려면 방법이 있을가요?