답변 3개 / 댓글 4개
작성하신 내용을 보면 회사소개 페이지를 찾지 못한 문제보다는, 편집기가 입력한 HTML을 코드가 아닌 일반 텍스트로 처리하는 문제가 먼저인 것 같습니다.
그누보드7에서 /page/about는 일반적인 about.html 파일이 아니라 페이지 모듈에서 제공하는 경로입니다.
우선 관리자 페이지의 /admin/pages에서 회사소개 항목을 확인해 보세요.
유튜브 영상은 다음 순서로 적용하는 것이 좋겠습니다.
-
편집기에 영상 삽입 기능이나 HTML 소스 편집 기능이 있는지 확인합니다.
-
지원된다면 유튜브의 '공유 → 퍼가기'에서 받은 코드를 사용합니다.
-
저장 후 다시 편집 화면을 열어 iframe 태그가 유지되는지 확인합니다.
-
태그가 삭제된다면 편집기 또는 서버의 HTML 필터링을 확인합니다.
기본 페이지 모듈의 소스를 직접 수정하는 방법은 업데이트 때 변경 사항이 사라질 수 있어 추천하지 않습니다.
편집기에 HTML 소스 모드가 없다면 지원되는 영상 삽입 기능이나 공식 확장 방식을 이용하는 편이 안전합니다.
사용 중인 페이지 편집기 화면을 보여주시면 어느 방법으로 삽입하는 것이 적합한지 더 정확하게 확인할 수 있을 것 같습니다.
관리자 ID로 로긴 하신 후 aaa.com/page/about 여시면 수정 가능할 겁니다.
추가로 설명드리면,
/page/about는 서버에 실제로 존재하는 디렉터리나 HTML 파일의 경로가 아니라
그누보드7의 라우팅 시스템을 통해 제공되는 URL입니다.
따라서 해당 경로의 소스 파일을 직접 찾기보다는 관리자 페이지의 페이지 관리에서 내용을 수정하시면 됩니다.
다만 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 적용 하려면 편집기로는 안되는것 같아서 다른 방법이 있나 질문 드린 겁니다.
답변을 작성하려면 로그인이 필요합니다.
자동 재생 할려면 방법이 있을가요?