웹마스터 팁
Xe 1.5에서 파일첨부 안될때 해결방법
2012.01.17 13:00
Xe core 1.5.1.8버전 이후에는 해결이 되었습니다.
더 이상 이 팁을 적용하지 마시고
최신버전 다운받아 업데이트 하시길 권장합니다.
==================================================================
Xe core 1.5.1 ~1.5.1.2에서 파일업로드 안되는 버그 수정방법
Xe 1.4.5.10 이하 버전에서는 잘되는 파일업로드가 Xe 1.5로 업데이트 한 이후에 전혀 안되는 경우가 있습니다.
이런 경우는 대부분 Windows Xp 에서 IE7(익스플로러7)을 사용하는 환경에서 발생합니다.
간혹 Google Chrome이나. Firefox 사용자에게도 발생하기도 하는데
이런 경우에는 Flash Player를 최신 버전 11.1을 설치하면 해결되기도 하지만,
IE 7 사용자의 경우에는 여전히 파일이 업로드 되지 않는 현상을 겪게 됩니다.
모든 파일들의 소스를 하나씩 확인해 볼 수가 없어서 문제가 생겨날 소지가 있는 부분만 살펴보고
해결책을 만들어 봤습니다.
실력이 없이 순수한 삽질에 의지하다보니 제대로 된 패치는 내놓지 못합니다만
정식 패치가 나오기 전까지는 요긴하게 사용하실 분도 계실거 같아 올립니다.
=============================================================
파이델님이 구글프로젝트에 이와 관련된 이슈를 올리셨네요
아주 간단한 해결법입니다.
./modules/editor/tpl/js/ uploader.js파일을 열고 74행에 있는
button_placeholder: #span.get(0), 이 구문을
button_placeholder_id: 'dummy'+id, 이렇게 바꿔 주시면 간단히 해결됩니다.
해당 이슈는 http://code.google.com/p/xe-core/issues/detail?id=1078&q=%ED%8C%8C%EC%9D%BC%EC%B2%A8%EB%B6%80
아주 간단히 수정이 가능하네요.
하지만 이 경우에도 역시 [파일첨부] [선택삭제][본문삽입]등의 버튼은 그대로 text로 남아 있네요.
저의 방법대로 하시면, 버튼모양을 사용할 수 있습니다.
어차피 에디터는 1.6에서 바뀐다고 하니까 임시방편으로 사용하셔도 별 무리 없을 듯합니다만
판단은 개인이 알아서 하시기 바랍니다.
ie6 사용자는 위의 파이델님의 팁대로 패치하시기 바랍니다.
버튼 모양은 안나와도 첨부기능은 잘 작동됩니다.
==========================================================
원래 Xe 1.5 에서 게시판 글작성모드에서는 아래 처럼 보입니다.
사용환경 관계없이 모두 위 그림처럼 보입니다.
단 Windows Xp 에 IE7사용자의 경우에는 [파일첨부]를 클릭해도 파일선택창이 뜨지 않습니다.
[파일 첨부] [선택 삭제] [본문 삽입] 이 3개의 버튼이 모두 text모양으로 보입니다.
1.5로 넘어오면서 예전의 Xe 1.4에서 보였던 버튼모양이 사라졌습니다.
이유는 저도 모르겠습니다. 오직 개발자만 알겁니다.ㅠㅠ
이제 문제 해결에 들어가 봅시다.
우선 아래 파일을 다운 받아 압축을 풀어 두세요
1. 위에 첨부한 파일에서 압축을 풀고 폴더 안에 들어 있는 .xpresseditor폴더 통째
경로 ./modules/editor/skins/ 폴더에 업로드 합니다.
기존의 xpresseditor 폴더는 폴더째 삭세 한후에 업로드 해 주시길 권합니다.
정상적으로 업로드 되었으면 아래와 같은 그림을 보았을 것입니다
우선 Editor의 스킨을 통째로 바꾸어 주었다면 위의 그림처럼 보이게 됩니다.
텍스트로 보였던 [파일첨부] [선택삭제]등이 버튼 형태로 나타납니다.
버튼모양이 살아나서 좋긴 한데 이 상태에서도 여전히 [파일첨부]버튼은 작동 하지 않습니다.
2. 이제 버튼을 작동시켜 보지요. 압축푼 폴더속에 들어 있는 uploder.js 파일을
Xe가 설치된 경로 ./modules/editor/tpl/에다 업로드 하세요 기존의 js/uploder.js을 먼저 지우세요/.
정상적으로 업로드 되었으면 아래 그림처럼 보여야 합니다.
이게 문제의 그림인데요.. loader.js 파일을 올리게 되면, 위의 그림처럼 [파일첨부]버튼이 검은 버튼으로 가려져 보입니다.
하지만 이 검은 버튼을 눌러 보세요.
비록 [파일첨부] 글씨는 안보여도 검은버튼을 누르면 정상적으로 [파일 선택 창]이 뜨게 됩니다.
그런데 이런 상태로 사이트를 운영할 수 없겠지요.
3. 저 까만 버튼을 [파일첨부]란 글씨가 보이는 버튼으로 바꾸어야 합니다.
3. [파일첨부]버튼 보이게 하기
압축 푼 폴더 안에 들어 있는 css폴더를
Xe가 설치된 ./common/ 폴더로 업로드 하시면 됩니다. 기존의 CSS 폴더는 먼저 지우면 좋아요
이제 아래와 같이 나타나면 정상입니다.
[파일첨부]버튼을 눌러 보겠습니다. 이그림을 캡처한 상황은 Windows XP IE7 사용상황입니다.
사진을 선택해서 업로드해보겠습니다
이제 [파일첨부] 버튼도 정상작동되고, 택스트로 보이던 버튼들도 제 모양을 찾았습니다..
제대로만 수정해 주시면 이제 XP나 윈7이나,
브라우저가 익스플로러7이든, 8이든 9든, 크롬이든 파폭이든간에
모든 환경에서 정상적으로 작동하게 됩니다.
따라서 xe 1.5로 사이트를 운영하시는 분들께서는
알려드린 팁에 따라서
파일들을 수정하실 것을 권합니다.
사이트를 만들어 놓고 혼자서만 쓰는것이 아니라면
환경이 다양한 사용자들이 접속할 때
최소한 이런 에러는 나지 않도록 배려해야 하지 않을까요?
도움이 되셨길 바랍니다.
=======================================================
버튼과 관련되어 첨부된 css파일의 수정정보를 알려 드립니다.
첨부된 CSS파일들은 모두 XE 1.5.1.2 버전의 common/css폴더안의 파일이 원본입니다.
원본에서 바뀐 내용은 아래와 같습니다.
파일 xe.css 23행에서
a.button *{display:inline-block;padding:0 8px;font-size:12px;height:24px;line-height:22px;margin:0;font-weight:bold !important;color:#fff;text-decoration:none !important;border:1px solid;cursor:pointer;overflow:visible;border-radius:3px;box-shadow:inset 0 0 1px #fff;background-color:#666;text-shadow:0 -1px 0 #333;zoom:1}
위소스에서 붉은색 부분 [background-color:#666; ] 이부분만 삭제되었습니다.
파일 xe.min.css에서도 역시 같은 부분만 삭제된 것입니다.
==============================================================
댓글 19
-
샹하이
2012.01.17 14:27
-
때린데 또때려
2012.01.17 17:22
좋은팀 감사합니다.. 위에 첨부파일 다운받아 적어놓은데로 하였는데 제 홈페이지 에서는
첨부파일 버튼 모양의 글씨가 나오지 않고 첨부파일 박스도 나오지 않고 백지로만 나오고 있습니다.
하지만 마우스를 첨부파일 위치 크릭하면 첨부파일 창이 열리긴 합니다.
사용하는 버전은 IE6 버전입니다.
데스트 해봤는데 인터넷 익스플로러 6 버전에서만 위와 같은 증상이 나오는군요.
익스플로러 6 에서는 어떻게 해야 할지요?
-
황비
2012.01.17 23:46
익스6의 경우에는 이글 맨 상단에 올라 와 있는
파이델님의 패치방법을 이용하세요
만약 벌써 파일교체를 하셨다면
다시 Xe core1.5.1.2에서 해당 파일을 찾아 해당폴더에 업로드 하신 뒤에
./modules/editor/tpl/js/uploader.js 파일을 열고
74번째 행에 있는
button_placeholder: #span.get(0), 를
button_placeholder_id: 'dummy'+id, 이 소스로 교체 하시면 됩니다.
이럴 경우 버튼모양은 사용할 수 가 없습니다.
그래도 제가 테스트해 보니 ie6에서도 작동은 잘됩니다.
-
생까는즐거움
2012.01.18 10:13
좋은 정보 감사합니다 황비님 ^^
-
이야기왕
2012.03.04 00:37
정말 고맙습니다^^
-
호야등
2012.03.19 15:07
감사합니다^^
-
황비
2012.03.19 23:26
Xe core 1.5.1.8버전 이후에는 해결이 되었습니다.
더 이상 이 팁을 적용하지 마시고
최신버전 다운받아 업데이트 하시길 권장합니다.
-
냠냠쩝쩝이
2012.03.20 19:28
좋은 정보 감사합니다
-
cjjoo
2012.03.22 11:30
감사합니다. 드디어 해결되었습니다.
-
건즈
2012.04.13 18:02
저는 1.5.2.2 버전인데 구글 크롬과 ie 가리지 않고 파일 첨부가 안됩니다.
-
노래하리
2012.04.17 12:13
좋은 정보 감사합니다.
Xe 코어 버전 1.5.2.2 이며 익스 버전 9 사용중인데 익스9에서는 첨부파일 올릴때 팝업 탐색기가 뜨지를 않네요. 익스8에서는 팝업 탐색기가 제대로 나오는데...익스9에서 정상 작동하는 분 계신가요? 저만 그런가요...
-
알파비
2012.05.02 17:40
Xe 코어 버전 1.5.2.1~3 까지 파일 첨부버튼이 안듣습니다.
익스 버전은 8 인데 첨부파일 올릴때 팝업 탐색기가 뜨지않습니다.
아무리 뒤져봐도 해답이 없네요,
서버문제인줄 알고 호스팅업체에 문의 해본결과 Xe문제라는데 왜나만이러는지
알려주세요
-
넥스트코코
2012.08.22 13:03
정말 감사드립니다 ^^ 덕분에 파일첨부가 정상적으로 파폭 / 크롬에서 작동이됩니다.
1.5.3버젼 XE 쓰는데 문제해결됩니다.
-
Crom
2012.08.28 21:26
좋은 팁 감사합니다.
그런데 저같은 경우는 최근 버전 몇개를 클린상태로 설치해봐도 첨부파일 클릭이 여전히 안되네요.
구글이슈와 공홈에 있는 팁은 아마 거의 해본 듯 한데 막막합니다.
ie8이 안되는 pc도 있고 크롬이 안되는 pc도 있고 case by case라는 게 참..그렇네요.
해결보신 분 중에 작은 정보라도 있다면 공유부탁드립니다. ㅠ
-
황비
2012.08.29 03:30
아직까지 이런 문제로 어려움을 겪는 분이 있다는 것이 안타깝군요
제가 알기론 xe 1.5.1.8이후 최근 버전에서 해결이 된것으로 아는데요.
Crom님.
XE 최근 버전을 새롭게 설치한 후에도 문제가 계속된다면,
아마도 Adobe Flash Player문제일 가능성이 높아 보입니다.
Flash Player 최신버전 찾아서 설치해 보시길 바랍니다.
Xe의 파일 업로드기능이 Flash에 의존하는 SWFUpload로 작동되고 있거든요.
그리고 브라우저 설정에서 Active X 컨트롤을 차단했는지도 확인해 보세요.
ActiveX 가 필터링 되어 버리면 이곳 공홈에서도 "파일첨부"버튼이 작동을 안합니다.
도움이 되시길 바라며, 해결되시고 나면, 다른 분들을 위해서 결과를 올려 주시면 더 감사하겠습니다.
그리고 참 Xe가 설치된 서버의 PHP버전도 확인해 보시길 바랍니다.
Xe가 최근에 php 4.xx 버전을 더이상 지원하지 않는다는 이야길 들은 것도 같구요.
즉 php5.xx대라야 정상작동한다는 이야기죠.
그리고 php버전중에서 php5.2.2.는 지원이 되지 않는 답니다.
-
Crom
2012.08.29 14:16
황비님 장문의 댓글 달아주셔서 진심으로 감사드립니다.
사실, 제 pc와 맥에서는 정상작동합니다.
문제는 주변 지인들에게 테스트를 했을 때 브라우저 별로 (전혀 원칙을 알 수 없는) 상황이 나타난다는 것이거든요.
주신 말씀이나 이전의 모든 팁들을 종합해보면 flash나 activeX 문제같기는 합니다.
그렇다고, 홈페이지를 이용하는 불특정 사람들에게 강요할 수가 없는 상황이라 이러지도 저러지도 못하고 참 애매합니다.
제가 언제 해결을 보게되면 이 팁에 적도록 하겠습니다. 황비님 다시한 번 감사드립니다. ^^
-
비노요
2012.11.08 13:24
이 문제 때문에 ㅠㅠ 눈물이 앞을 가립니다..
전 추가설정에 에디터스킨을 dreditor로 했을 경우에만 정상적으로 작동하네요..
얼렁 수정 버젼이 올라왔으면 좋겠네요~ ㅜㅜ
-
엔드보스
2013.03.26 19:29
다해보앗는데..저는 역시 않되네요..ㅜ.ㅜ;
xe를 다시 깔아야 되나요ㅜ.ㅜ.
자료 올린건 어떻게 해야될지 ㅜ.ㅜ.ㅜ.ㅜ.ㅜ
-
엔드보스
2013.03.28 01:23
수정후 재부팅 하니깐
창 나오네요
좋은팁 감사합니다.