fckeditor의 익스플로러10,11 크로스브라우징 문제 해결방법

fckeditor가 익스플로러10,11(이하IE10,IE11)에서 출력이 안되거나 이미지 업로드시 에디터에 출력이 안되는 경우는 IE를 구분하기 위해 스크립트로 navigator.userAgent로 브라우저 정보를 읽어가는데 여기서 오류가 생긴 것입니다.

이 오류는 IE9 이하 버전에서는 버전정보에 MISE라는 문자가 존재하지만 IE10,IE11에서는 존재하지 않기 때문에 인식이 안되는 것입니다. 이를 해결하기 위해선 아래의 방법을 사용하면 됩니다.

우선 첫번째로 fckeditor.js 파일의 다음 함수 최상단에 아래의 구문을 추가시킵니다.

function FCKeditor_IsCompatibleBrowser( enableSafari, enableOpera ) { if(sAgent.indexOf("trident") != -1 && sAgent.indexOf("mac") == -1 && sAgent.indexOf("opera") == -1){ return true; } }

다음으로 editor/fckeditor.html 파일의 타이틀 바로 밑에 아래의 구문을 추가시키는데 유의하셔야 할 점은 메타태그 중에서도 최상단에 아래의 구문을 오게 해야합니다.

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE9" />

위의 방법을 이용하면 fckeditor의 ie10,11에서 발생하는 크로스브라우징 문제를 해결할 수 있습니다. 

FCKEditor 같은 경우 현재 개발이 중단된 상태이며 IE10, 11에 대한 업데이트 예정이 없으므로 가능하면 에디터를 변경하시는게 바람직합니다.