네이버 스마트에디터 사진첨부시 물음표 붙을때

네이버 스마트에디터(SMART EDITOR) 사진첨부시 물음표 붙을때 해결법

 

에디터 종류가 참많죠? FCKEDITOR도 아주 잘 사용 하는 플러그인 인데요.

이번에 신규 프로젝트에 다른 에디터를 달아볼까 하던중 스마트 에디터를 달아봤습니다.

 

스마트 에디터 탑재 방법은 추후 포스팅 할 예정 이구요.

일단 오늘은 테스트 하던 중 오류가 발생해서 또 같은 증상으로 짜증을 겪고 계시는 분이 계실까봐 올립니다.

뭐, 물론 구글링 열심히 하면 나오지만... 그전에 전 이게 저의 잘못인줄 알고 문자열도 잘라보고 변환도 해보고

삽질을 했답니다.

 

증상 입니다. 

 

아.. 남자지만 제가 왜 저 사진으로 테스트를 했는지 모르겠네요. 아무튼 테스트 진행하는 화면을 보여드리겠습니다.

에디터를 사용해서 사진을 첨부하면 아래와 같이 물음표가 붙습니다. 이게 왜 그런건지 참 의문이었습니다.

 

테스트 환경은 ?

언어는 PHP, 인코딩은 UTF-8 입니다.

 

 

 

이렇게 사진을 붙히고 봐도 에디터에는 아무런 증상 없이 사진만 떡하니 들어가 있습니다.

정상처럼 보이는 거죠.

 

HTML 태그를 눌러 보았습니다.

이미지 태그가 붙고 뒤에 BR태그가 붙네요.

음 문제가 없습니다.

 

 

허나 그 값을 DB넣고 가져와 뿌린 결과 입니다.

물을표가 붙어 있네요. 이게 왜 붙는거지??

그래서 그 넘어온 input 값을 때려봤습니다.

 

 

 

 

 

위사진처럼 이상한 한자와 ?/p>가 되어 있네요.

일단 사진만 첨부했을 경우 제일 끝자리 문자열을 없애니 잘 나오긴 하지만

이미지 들어간 것 마다 일일이 처리해야 하나 해서 구글링 끝에 찾아냈습니다.

 

원인은 IE9의 포커스 이슈로 인하여 에디터에서 추가하는 "%uFEFF"(BOM)으로 인한 문제로

저장전에 위 문자열을 변경해주면 된다고 하네요.

정말 잘됩니다.

아래 참고하시라고 올립니다.

 

 

 

 

 

 

var conStr = $('#content').val();
conStr = conStr.replace(unescape("%uFEFF"), "");
$('#content').val(conStr);