웹마스터 팁
에디터 본문 및 댓글 입력 글자크기 줄이기
2008.11.24 15:10
XpressEngine 1.1.0이 되면서, 에디터가 변경이 되었습니다만,
입력할때 글자 크기가 입력후 글을 볼때 나타나는 글자크기보다 조금 크게 나타나서 혼란을 주는 경향이 있습니다.
이 부분을 수정하는 방법입니다.
modules/editor/tpl/js/editor.js 을 여시고,
아래 부분을 찾습니다.
수정하지 않은 상태에서 122번째줄일 겁니다.
붉은색 부분을 body {font-size:.75em; 으로 변경하면 됩니다.
예전에 변경되기 전의 에디터에서는 body {font-size:9pt; 로 되어 있는데,
이걸 em 단위로 변경하면서 약간 계산이 잘못된 것 같네요.^ ^;
공식적으로 다음 버전에서 수정하실 것 같기는 한데,
필요하신분은 위 내용처럼 수정해서 사용하시면 될 것 같습니다.
입력할때 글자 크기가 입력후 글을 볼때 나타나는 글자크기보다 조금 크게 나타나서 혼란을 주는 경향이 있습니다.
이 부분을 수정하는 방법입니다.
modules/editor/tpl/js/editor.js 을 여시고,
아래 부분을 찾습니다.
수정하지 않은 상태에서 122번째줄일 겁니다.
// content 생성
editor_path = editor_path.replace(/^.//ig, '');
var contentHtml = ''+
'<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">'+
'<html xmlns="http://www.w3.org/1999/xhtml><head><meta http-equiv="content-type" content="text/html; charset=utf-8"/>'+
'<style type="text/css">'+
'body {font-size:.8em; line-height:1.6; font-family:Sans-serif; height:'+editor_height+'px; padding:0; margin:0; background-color:transparent; color:'+font_color+';}'+
'</style>'+
'</head><body editor_sequence="'+editor_sequence+'">'+
content+
'</body></html>'+
'';
editor_path = editor_path.replace(/^.//ig, '');
var contentHtml = ''+
'<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">'+
'<html xmlns="http://www.w3.org/1999/xhtml><head><meta http-equiv="content-type" content="text/html; charset=utf-8"/>'+
'<style type="text/css">'+
'body {font-size:.8em; line-height:1.6; font-family:Sans-serif; height:'+editor_height+'px; padding:0; margin:0; background-color:transparent; color:'+font_color+';}'+
'</style>'+
'</head><body editor_sequence="'+editor_sequence+'">'+
content+
'</body></html>'+
'';
붉은색 부분을 body {font-size:.75em; 으로 변경하면 됩니다.
예전에 변경되기 전의 에디터에서는 body {font-size:9pt; 로 되어 있는데,
이걸 em 단위로 변경하면서 약간 계산이 잘못된 것 같네요.^ ^;
공식적으로 다음 버전에서 수정하실 것 같기는 한데,
필요하신분은 위 내용처럼 수정해서 사용하시면 될 것 같습니다.
댓글 5
-
zero
2008.11.24 17:15
감사합니다.일단 예전과 같이 바꾸어서 1.1.1에 배포하겠습니다.다만 계속되는 고민이.. 한국에서나 9pt (12px)가 보기 좋은데 다른 언어에서는 작게 보이는 문제가 생겨서 이를 어케 해야 할지 고민이네요. -
HIKARU
2008.11.24 17:35
흠...
그냥 지금 상태에서 .75em(9pt)크기면 될 것 같네요.^ ^;
다른 국가 사이트를 좀 많이 돌아다니는 편인데..
다른 국가 사이트도 대게 .75em(9pt)를 기본으로 제작이 되는 것 같습니다.
.75em(9pt) 정도면 일본어, 영어, 중국어 등에서 글자 판독에 문제가 없을 것 같고,
사용하기에도 문제가 없을 것 같습니다. -
zero
2008.11.24 18:31
오~ 그렇다면 다행이구요.9pt의 경우 중국어나 일본어의 경우 잘 안 보인다는 피드백을 예전에 받은 적이 있어서 늘 걸렸는데 일/중에서 문제 없으면 일단은 오케이일것 같습니다. -
Gnee
2008.11.25 10:59
돋움체일때 글자판독이 언어상 조금 힘들뿐인 것 같습니다.
Arial체가 돋움체보다 일어/중국어 가독성이 좀더 좋다고 느낍니다.
Arial : あいうえ
Dotum : あいうえ -
Gnee
2008.11.25 10:59
이런...글꼴 변화가 없네요?..
에디터에서 제 글을 복사해서 보시면 알것입니다.
| 제목 | 글쓴이 | 날짜 |
|---|---|---|
최근문서위젯의 제목을 누르면 게시판으로 이동
[3]
 | CL님 | 2008.04.13 |
|
게시판 확장변수 일괄 등록 하기
[2]
| 2년후 | 2009.09.20 |
| 네이버 실시간 인기검색어 가져오는 함수 [2] | Darby♡ | 2009.09.14 |
| XE svn external link로 update하기 [7] | 하늘03 | 2009.08.09 |
| 좌측 메뉴 하단에 애드센스를 탑재해 보자! [5] | migojarad.myid.net | 2007.08.13 |
| FTP로 지워지지 않는 파일 삭제방법. [9] | pakjce | 2008.07.05 |
| apmsetup5를 이용한 zbxe 설치 및 복구 [2] | 무도사 | 2007.11.02 |
| 알 수 없는 아이프레임이 심어졌을 때 (치명적인 바이러스) [6] | jjabez | 2009.08.08 |
| 제로보드 XE에서 강추하는 플래시 넣기 [12] | 미오유 | 2007.09.19 |
| 이것두 팁은 되려나...; xe 7대 구성 설치법임..ㅋ; | 불패의초인 | 2009.09.11 |
|
주민등록 입력 폼 1.2.0
[55]
| 개돌 | 2009.04.10 |
| http://www.도메인주소/~as/xe/ 로 로그인 접속후~ [3] | wjnam | 2009.09.07 |
| 팝업창 띄우기 [16] | 레망 | 2008.03.16 |
| [수정] 쉽게 간단하게(?) 플래시 그래프를 게시판에 넣어 보세요 ^^ [3] | 상오기 | 2009.08.27 |
| 에디터 본문 및 댓글 입력 글자크기 줄이기 [5] | HIKARU | 2008.11.24 |
| 에디터의 옵션 설정하기.. 컴포넌트 보이지 않게 등.. [4] | 지허 | 2007.10.01 |
| http 두번 븥는 문제 .. 위젯 스타일 스퀘어 페이스 more 버그입니다. [2] | 최영석222 | 2009.07.25 |
| 이전글,다음글 얻기 (검색결과 까지 포함) (수정) [8] | 라르게덴 | 2008.06.05 |
| [초보팁] 우리말 수정하기(예제: 가입창 이름란 삭제) [3] | 블루파티 | 2008.08.19 |
| 블로그, 홈페이지 가입시 자동 입력되는 http:// 없애기 [2] | 류영무 | 2008.09.09 |