웹마스터 팁

  2. Support
  3. 웹마스터 팁

xpresseditor 사용시 첨부파일 본문삽입 중복되는 문제 수정.

2012.01.31 22:42

misol

FF9와 IE에서 확인되는 현상입니다. 코드상 문제가 있었던 것은 아닙니다.


버그라고 할 수도 있고.. 문법이 어긋난 것은 아니니 버그가 아니라고 할 수도 있는데. 재현 과정은 이렇습니다.

  1. ./index.php?module=admin&act=dispEditorAdminIndex 에서 에디터 옵션 항목을 기본값 그대로 '저장' 클릭.
  2. xpresseditor가 적용된 게시판에서 새글 작성. 브라우저는 IE 또는 FF9이상을 이용.
  3. 첨부파일을 첨부하고, 본문삽입 클릭
  4. 첨부파일이 본문에 중복되어 삽입됨.
이는 pasteHTML 이라는 함수가 중복해서 실행되면서 일어나는 현상이라는 것을 발견했으나.. 코드를 눈 씻고 찾아봐도 그럴만한 구석이 없었습니다.
그래서 재현과정에 뭔가 달라지는 것이 있는가 찾아보니, 에디터 옵션을 설정하지 않았을 때는 기본 폰트 크기가 지정되지 않지만, 설정하면, 기본 폰트 크기가 지정된다는 것이었습니다.
폰트 크기 지정하는 소스에 문제가 있는가 싶어 보았더니.. xpresseditor.js (또는 xpresseditor.min.js) 파일안에 해당 내용이 있었습니다. 그렇지만.. doc.body.style.fontSize = content_font_size; 라고 되어있는 부분에 아무 하자가 없었습니다..
그래도 의심이 가서 해당 부분을 주석처리하고 실행해본 결과...
버그가 사라졌습니다.ㅠ
이 부분을 실행하는데 있어서 브라우저 버그인지 뭔지 모르지만.. 문제가 생기는 것 같았습니다. 그래서 이 부분을 수정하였습니다.

if(content_font && !doc.body.style.fontFamily) {
	doc.body.style.fontFamily = content_font;
}
if(content_font_size && !doc.body.style.fontSize) {
	doc.body.style.fontSize = content_font_size;
}

라고 되어있는 부분을

 if(content_font && !jQuery(doc.body).hasClass("xe_editor_fontfamily")) {
	jQuery(doc.getElementsByTagName("head")).append('<style type="text/css"> .xe_editor_fontfamily{font-family:'+content_font+';}</style>');
	jQuery(doc.body).addClass("xe_editor_fontfamily");
}
if(content_font_size && !jQuery(doc.body).hasClass("xe_editor_fontsize")) {
	jQuery(doc.getElementsByTagName("head")).append('<style type="text/css"> .xe_editor_fontsize{font-size:'+content_font_size+';}</style>');
	jQuery(doc.body).addClass("xe_editor_fontsize");
}


로 변경후 저장하였습니다.. 그랬더니 잘 되네요.. 소스 보시면 아시겠지만.. 같은 내용, 다른 표현인데.. 아래 내용이 훨씬 더 지저분한 표현인데.. 아래 식은 문제 없이 잘 돌아갔습니다..

여튼.. 그래서 다시 스킨을 수정하였고.

그 스킨은 xpresseditor.zip 를 이용하시면 됩니다.

이 게시물을
좋아요(+1)
목록
제목 글쓴이 날짜
배경음악과 동영상 삽입 <embed> [7] 제이지라 2002.04.26
게시판에 구글 SyntaxHighlighter 3.0.83(구문강조) 적용하기 - 본문에 코드삽입시 유용 file 으아악. 2010.10.20
이미지 삽입시 아래에 한줄 띄우고 클릭가능하게 하여 편히 입력하게 만들자~ [8] file xemall 2010.10.13
이미지 여러개 삽입시 이미지 사이에 공백 및 글 쓸 수 있도록 [1] sejin7940 2010.07.07
레이아웃 삽입 후 최근 설문조사 가져오기 ilovesyr 2010.05.18
XE최신버전에 믹시(Mixsh) 위젯(widget) 삽입하는 방법 [2] 곰이v 2010.03.21
[초보] 본문 하단에 구글 애드센스 삽입방법 [2] BigSeong 2009.10.10
본문에 삽입된 그림의 확대기능이 작동하지 않는경우(XE Official Ver2 layout) [2] file 분홍곰 2009.08.14
엄지 추천 기능 본문에 삽입 하고자 하실때 (급조) [2] file thejeon 2009.07.29
제로보드 XE나 개인 블로그에 GPS 로그(궤적)를 나타낸 구글맵 삽입하기 상오기 2009.03.21
왕초보용 xe 1.2.0 버전 사용 기본 레이아웃 좌측에 배너 삽입 방법. [7] 『june™』 2009.03.20
메인화면에 플래시 쉽게 삽입하는 방법.. [12] 청개구리00 2008.08.30
댓글 입력창에 배경 이미지 삽입하는 방법 [4] 팔공산 2008.07.11
이미지 삽입후 이미지 위에 노란색 박스 사라지게하는 법 [5] dhseo 2008.05.28
[수정 했습니다.]본문 입력없이 확장 변수로만 글작성 작성하기(그림삽입포함) [13] file 대암지기 2008.03.09
제로보드XE 외부페이지에 javascrip 삽입하기 [3] BlueGATE 2008.01.22
MSN로그인 상태를 홈피좌측 메뉴에 삽입하는 방법 [9] 팔공산 2007.11.27
(0.1.2) 이모티콘 삽입 후 그림 안보일 때 [5] Simulz 2007.09.02
태그 쓰기