웹스쿨

네이버 스마트 에디터 익스(IE)에서 display:none 상태에서 display:block 상태로 변경시 작동안되는 문제 해결법 본문

개발 경험 Tip/PHP

네이버 스마트 에디터 익스(IE)에서 display:none 상태에서 display:block 상태로 변경시 작동안되는 문제 해결법

마스터욱 2023. 3. 31. 00:17
반응형

이건 구글크롬이나 파이어폭스에서는 잘 작동한다.

빌어먹을 마이크로소프트 인터넷 익스플로어에서만 작동하지 않는다.

스마트 에디터를 초기 브라우저 로딩시 display:none 상태였다가, 버튼을 클릭하면 스마트 에디터가 display:block 이 되게 처리하려고 하는데,

익스플로어에서만 스마스 에디터가 활성화 되지 않는 것이다.

 

내가 해결한 방법은 그냥 에디터를 jquery modal 로 띄웠다.

그런데 그냥 jquery modal 로 띄우면 안되고 특수한 옵션을 줘야한다.

 

$(document).ready(function(){

$("#editor").dialog({

width : 1000,

height : 900,

autoOpen : false,

title : "페이지 제작",

modal : true,

resizable : false,

show : { effect : "blind", duration : 500 },

hide   : { effect : "explode", duration : 500 }

});

});

 

show, hide 옵션을 주니깐 잘 작동한다...

이런거 발견한 사람 나밖에 없을껄???


이 게시글은
https://webschool.kr/?v=board_view&board_key=7&idx=131
에서 작성한 글입니다. 소스코드의 경우 해당 블로그에서 이뿌게 노출이 되지 않을 수 있사오니, 위 링크로 들어오셔서 보시길 바랍니다.

반응형