에디터에서 탭(책갈피) 형태의 콘텐츠 박스를 만드는 에디터 컴포넌트입니다.
탭 제목과 HTML 내용, 선택/비선택 탭 색상, 탭 순서, 제목/내용 폰트 크기와 색상을 지정할 수 있습니다.
다운받은 파일 압축을 풀어서 mh_tab 폴더를 ./modules/editor/components/mh_tab 에 업로더하고
관리자 설정 에디터에서 항목 체크해 주면 됩니다.
그럼 게시판 글쓰기 항목에 "탭 박스" 추가됩니다.
• 탭 박스 — 본문내용에 책갈피 형태의 탭 박스가 생성됩니다.
• 팝업창에서 입력 — 팝업창에서 탭의 제목과 내용을 입력 할 수 있습니다.
• 에디터 창에서 입력 — 에디터 입력 창에서 이미지나 기타 항목을 추가할 수 있습니다.
• 탭 순서 변경 — 탭의 순서를 임의로 바꿀 수 있습니다.
• 여러 항목 선택 — 탭의 색상, 폰터 크기등을 지정 할 수 있습니다.
Ver 1.3 - 2026.07.24최신기능추가개선
• 기능추가Tab 색상 — 각 Tab에 색과 배경을 지정 할 수 있습니다.
• 개선Tab의 형태 지정 — Tab의 형태도 둥근 형태(기존)와 마름모 모양 중 선택 가능 합니다.
• 기능추가Tab 자동전환 — Tab AutoPlay를 지원합니다.
Ver 1.2 - 2026.07.17버그수정개선
• 버그수정Enter키 적용 — 에디터 편집창에서 Enter시 오류 수정
• 개선Tab 제목과 내용 영역 분리 — 에디터 편집창에서 Tab 제목과 내용 영역 사이의 구분을 확실하게 개선(안내 문구 삽입)
Ver 1.1 - 2026.07.16기능추가개선
• 개선탭 형태 수정 — 탭 형태를 좀더 책갈피 모습에 가깝게 수정 했습니다.
• 기능추가내용글 배경색 지정 — 내용글 박스의 배경색을 지정할 수 있습니다.
Ver 1.0 - 2026.07.16첫버전
• 탭 박스 — 본문내용에 책갈피 형태의 탭 박스가 생성됩니다.
• 팝업창에서 입력 — 팝업창에서 탭의 제목과 내용을 입력 할 수 있습니다.
• 에디터 창에서 입력 — 에디터 입력 창에서 이미지나 기타 항목을 추가할 수 있습니다.
• 탭 순서 변경 — 탭의 순서를 임의로 바꿀 수 있습니다.
• 여러 항목 선택 — 탭의 색상, 폰터 크기등을 지정 할 수 있습니다.
CKEditor 에서만 정상 작동 합니다.
다른 에디터에서는 문제가 있습니다.
CKEditor5 의 경우는 편집 화면에서는 정상적인 출력이 되지는 않으나 본문 출력시는 청상 출력됩니다.
그 외 다른 에디터 (TinyMCE·STARIS) 같은 경우는 본문 출력도 되지 않습니다.
[A.I 의 답변]
CKEditor5·TinyMCE·STARIS 같은 에디터별 미리보기 스타일 차이는 각 에디터의 HTML 필터 설정(GHS, valid_elements 등) 영역이라 사이트 관리자 쪽에서 편집기 설정을 조정하지 않는 한 컴포넌트 코드로는 더 손댈 부분이 없어요.
이미지 슬라이드 MH Slide
