그누보드 게시판 본문 및 스마트에디터 폰트 크기·줄 간격 변경 방법

• 목록
• 스크랩

그누보드 게시판 본문 및 스마트에디터 폰트 크기·줄 간격 변경 방법

그누보드 게시판의 작아진 글자 크기와 줄 간격을 환경별 CSS 수정으로 가독성 있게 개선하는 방법을 안내합니다.

스마트에디터를 사용하지 않을 때 스킨 수정하기

스마트에디터를 쓰지 않는 환경에서는 게시판 스킨 폴더 내의 style.css 파일을 수정합니다. 사용 중인 그누보드 버전에 따라 글쓰기 입력폼 선택자가 다릅니다.

• 그누보드 5.2.x 버전: #bo_w .tbl_frm01 textarea {font-size:14px}
• 그누보드 5.3.x 버전 이상: #bo_w .wr_content textarea {font-size:14px}

본문 내용 보기(view) 페이지의 폰트 크기와 줄 간격을 변경하려면 #bo_v_con 속성을 수정합니다.

#bo_v_con {
    margin-bottom: 30px;
    width: 100%;
    font-size: 14px;
    line-height: 1.7em;
    word-break: break-all;
    overflow: hidden;
}

스마트에디터 폰트 크기 및 줄 간격 변경 방법

스마트에디터를 사용하는 환경에서 입력 영역의 폰트 크기와 줄 간격을 변경하려면 에디터 내부의 설정 파일을 수정해야 합니다. 에디터 파일만 수정하면 실제 본문 페이지에는 반영되지 않으므로, 게시판 스킨 폴더의 style.css 수정과 에디터 파일 수정을 함께 진행해야 합니다.

1. 스마트에디터 설정 파일 경로

그누보드 버전에 따라 스마트에디터 설정 파일 경로가 다릅니다.

• 예전 버전: plugin/editor/smarteditor2/css/smart_editor2_in.css
• 최근 버전: plugin/editor/smarteditor2/css/ko_KR/smart_editor2_in.css

2. 수정할 선택자와 속성

해당 파일에서 font-size와 line-height를 조절합니다.

body, .se2_inputarea {
    margin: 0;
    padding: 0;
    font-family: '돋움', Dotum, Helvetica, Sans-serif;
    font-size: 14.5px;
    line-height: 1.5;
}

3. 수정 후 확인 사항

수정 작업을 마친 후에는 브라우저 캐시를 삭제하고 변경된 화면을 확인해야 합니다.

수정 후 확인 및 조치 사항

CSS나 에디터 파일을 수정한 후 변경 사항이 화면에 즉시 반영되지 않을 때는 다음 조치를 권장합니다.

• 브라우저 캐시 삭제: 수정 작업을 마친 후에는 브라우저 캐시를 삭제하고 변경된 화면을 확인해야 합니다.
• 적용 환경 점검: 사용 중인 스킨이나 빌더 종류에 따라 클래스명이 다를 수 있으므로 실제 적용된 환경의 요소를 점검하는 것이 좋습니다.

함께 보면 좋은 글

• 그누보드 스마트에디터 사진 업로드 용량 제한 설정 방법
• 스마트에디터 툴바 아이콘 삭제 및 레이아웃 오류 해결 방법
• 그누보드 스마트에디터 이미지 경로를 상대 경로로 변경하는 방법

참고자료

기타 참고자료

• mercury-seed.com — 그누보드 게시판 본문 및 스마트에디터 폰트 크기 줄 간격 변경 방법