웹마스터 팁
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
에디터 본문 및 댓글 입력 글자크기 줄이기
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
이런...글꼴 변화가 없네요?..
에디터에서 제 글을 복사해서 보시면 알것입니다.