에디터 컴포넌트 접기/펼치기 박스 MH Folding Box

템플릿 컴포넌트 폴딩 MH 템플릿 을 만들고 뭔가 아쉬움이 남아서

직접 에디터 컴포넌트로 만들어 보았습니다.

• 기본 html과 css, 최종 마무리는 제가 했고, 90%는 Claude AI가 제작했습니다. 

 

Ver 0.6 - 2026.07.17최신개선

• 개선내용 폰트 색상 — 박스안 내용 폰트 색상을 지정할 수 있습니다.

 

Ver 0.5최신버그수정기능추가

• 버그수정소제목 폰트 Bold — 소제목의 폰트 굵기가 적용이 잘 안되던 문제 수정

• 버그수정소제목 출력 버그 — 내용글 수정시 소제목 사라지는 버그 수정

• 기능추가font-size 지정 — 여러 항목들의 font-size를 각각 지정 할 수 있습니다.

- px, em, rem, %, pt 형식등 허용 됩니다.

 

• 개선구조적으로 변경 — V0.4 와 V0.5는 구조적으로 변경이 많습니다.

• 기타내용 수동 삽입 방법 — 수동으로 이미지나 기타 다른 글들을 첨부 할 때는 해당 줄에서 Enter후 추가해야 수정 시 사라지지 않습니다.

 

Ver 0.4 - 2026.06.29신규개선

• 신규Sub글 작성 — 내용글 아래 Sub글 작성

a. 지금의 형태가 됩니다.

b. sub 내용글도 Drag & Drog 지원 됩니다.

• 개선색상 자동 변경 — 최신 배지를 적용 할 때와 비 적용시 버전, 마크, 배경색 자동으로 변경

수정파일info.xml, mh_folding.class.php, popup.js, popup.css

 

Ver 0.3 - 2026.06.25신규개선

• 개선항목 목록 순서 변경 - 항목 목록을 Drag & Drop로 순서를 변경할 수 있게 개선

• 신규수동으로 이미지 삽입 - 폴딩 내용안에 수동으로 이미지 삽입 가능

• 수정파일info.xml, popup.js, popup.css

 

Ver 0.2 - 2026.06.25신규개선

• 신규폴딩 배경 색상 - 폴딩내 배경 색상을 선택할 수 있게 추가

• 개선팝업창 UI수정 - 컴포넌트 팝업창 옵션들의 UI를 수정

• 개선기존 폴딩 내용 수정 - 기존 폴딩 내용을 클릭후 옵션 변경후 수정 적용

• 수정파일mh_folding.class.php, info.xml, popup.html, popup.css, popup.js

 

Ver 0.1 - 2026.06.24첫버전

• 신규Version 폴딩 기능 - 라이믹스 사이트에서 딱따고기님이 버전 정보를 폴딩으로 작성하는 것을 보고 제작 했습니다.

 

설치 방법은 간단합니다.

다운받은 파일 압축을 풀어서 mh_folding 폴더를 ./modules/editor/components/mh_folding 에 업로더하고

관리자 설정 에디터에서 항목 체크해 주면 됩니다.

 

그럼 게시판 글쓰기 항목에 "접기/펼치기 박스" 추가됩니다.