그누보드 글 수정 시 긴 첨부파일 명으로 인한 UI 깨짐 해결 방법

• 목록
• 스크랩

그누보드 글 수정 시 긴 첨부파일 명으로 인한 UI 깨짐 해결 방법

그누보드 게시판 글 수정 화면에서 긴 첨부파일명 때문에 레이아웃이 깨지는 문제를 해결하고, write.skin.php 수정 및 출력 글자 수 제한 방법을 확인합니다.

그누보드 첨부파일명 UI 깨짐 원인

그누보드 게시판에 파일을 첨부한 후 글을 수정할 때, 파일명이나 용량 정보가 지나치게 길면 입력 화면이나 레이아웃 영역을 벗어나 UI 요소가 서로 겹치는 현상이 발생합니다.

write.skin.php 수정 방법

그누보드 게시판 쓰기 스킨 파일인 write.skin.php에서 첨부파일 이름을 출력하는 부분을 찾아 cut_str() 함수를 적용하면 파일명 길이를 제한할 수 있습니다.

1. 수정 대상 코드 찾기

작업 전 반드시 write.skin.php 파일을 백업해 두시기 바랍니다. 파일에서 아래 코드를 찾습니다.

<label for="bf_file_del<?php echo $i ?>"><?php echo $file[$i]['source'].'('.$file[$i]['size'].')'; ?> 파일 삭제</label>

2. cut_str() 함수 적용

찾은 코드를 아래와 같이 수정하여 출력 길이를 조절합니다. 여기서 숫자 20은 원하는 글자 수 길이이며, 필요에 따라 변경할 수 있습니다.

<label for="bf_file_del<?php echo $i ?>"><?php echo cut_str(get_text($file[$i]['source']), 20).'('.$file[$i]['size'].')'; ?> 파일 삭제</label>

첨부파일 UI 깨짐 수정 후 확인 방법

코드를 수정하고 파일을 저장한 뒤, 실제 긴 이름의 파일이 첨부된 게시글의 수정 화면으로 이동합니다. 만약 수정 사항이 즉시 반영되지 않는다면 브라우저를 새로고침(F5)하여 확인합니다. 파일명과 삭제 체크박스 영역이 서로 겹치지 않고 정상적으로 정렬되어 출력되는지 확인합니다.

함께 보면 좋은 글

• 그누보드 첨부파일 다운로드 시 매번 포인트 차감 설정 방법
• 그누보드 게시판 뷰 페이지에 첨부파일 설명 직접 출력하기
• 그누보드 첨부파일 다운로드 포인트 차감 로직 분석 및 동작 원리

참고자료

기타 참고자료

• mercury-seed.com — 그누보드 글 수정 시 긴 첨부파일 명으로 인한 UI 깨짐 해결 방법