웹마스터 팁
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
이런...글꼴 변화가 없네요?..
에디터에서 제 글을 복사해서 보시면 알것입니다.
제목 | 글쓴이 | 날짜 |
---|---|---|
주민등록 입력 폼 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 |
페이지 모듈에도 게시판제목 처럼 다는 쉬운방법... [2] | 만쓰별(정만) | 2009.01.23 |
홈페이지 주소 깔끔하게 사용하기 [초보용] [14] | 똑디 | 2007.10.13 |
XOOPS (News Module) → XE 자료 옮기기 [3] | June Oh | 2009.08.17 |
Cooliris Embed a Wall 위젯 v2.0에 동영상 반영시키기 [3] | 철쌤 | 2009.08.08 |
하드 압축 하실때 tar cvfpz 쓰시는분들..... [3] | 우리아기 | 2009.08.13 |
통합검색에서 확장변수 검색하기 [5] | StyleD | 2008.10.12 |
회원 팝업메뉴에서 작성글 클릭시 다른 아이디 검색 안되게 하기 [3] | 절망린 | 2009.07.03 |
사이트 주소로 접속했을때 XE폴더로 이동하기 #2 [15] | 베니 | 2008.03.28 |
[비나무님글 ] xe_official_v2 레이아웃 사이트맵 없애는 방법 [3] | 토니박스 | 2009.07.29 |
상단로그인..? [10] | 빽짱구 | 2008.04.15 |