팁·활용

• 목록
• 스크랩

문제 상황 및 원인

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

해결 방법

게시판 쓰기 스킨 파일인 write.skin.php에서 첨부파일 이름을 출력하는 부분을 수정하여 글자 수를 제한할 수 있습니다.

수정 대상 파일: write.skin.php

<?php if($w == 'u' && $file[$i]['file']) { ?>
<span class="file_del">
    <input type="checkbox" id="bf_file_del<?php echo $i ?>" name="bf_file_del[<?php echo $i; ?>]" value="1">
    <label for="bf_file_del<?php echo $i ?>"><?php echo $file[$i]['source'].'('.$file[$i]['size'].')'; ?> 파일 삭제</label>
</span>
<?php } ?>

위 코드를 찾아 아래와 같이 cut_str() 함수를 적용하여 출력 길이를 조절합니다. 숫자 20은 원하는 글자 수 길이에 맞게 변경할 수 있습니다.

<?php echo cut_str(get_text($file[$i]['source']), 20).'('.$file[$i]['size'].')'; ?>

확인 사항

코드를 수정하고 파일을 저장한 뒤, 실제 긴 이름의 파일이 첨부된 게시글의 수정 화면으로 이동하여 파일명과 삭제 체크박스 영역이 정상적으로 정렬되고 겹치지 않는지 확인합니다.