naver smarteditor display:none 문제 focus 안됨

문제점

naver smarteditor를 처음에 로딩하고 display:none을 하고 다시 show할 시 동작하지 않음

 

해결법

1. show 하는 코드 부분에 jQuery('#menuDc-iframe').height(460); height 수정하는 코드를 삽입

 

그리고

 

2. 처음로딩 하는곳에 

nhn.husky.EZCreator.createInIFrame({ // 여기에 아래 코드 삽입

fOnAppLoad : function(){
     jQuery("#trMenuDc").hide();
},

 

 

ex) 이런식으로 됨

jQuery.noConflict();
var oEditors = [];
nhn.husky.EZCreator.createInIFrame({
    oAppRef: oEditors,
    elPlaceHolder: "menuDc",
    sSkinURI: "/lib/smarteditor/SmartEditor2Skin.html",
    fOnAppLoad : function(){
     jQuery("#trMenuDc").hide();
},
    fCreator: "createSEditor2"
});

 

1번에서는 smarteditor를 hide 후에 show 하면 안보이는 부분을 수정해줌

2번에서는 로딩 후에 hide 하게끔 해줌 (처음 코드 상에 display:none 을 쓸시 smarteditor가 동작하지 않기 때문입니다.)