본문으로 바로가기
728x90
반응형

스마트 에디터 로드 후 내용 변경 감지 이벤트


$("iframe[src='/smarteditor/SmartEditor2Skin.html']").css("display""none");
var timerId = setInterval(function() {
    if($("#se2_iframe").context.readyState == "complete") {
        $("iframe[src='/smarteditor/SmartEditor2Skin.html']").css({
            "display""table",
            "height""300px"
        });
        $("iframe[src='/smarteditor/SmartEditor2Skin.html']").contents().find("iframe[id='se2_iframe']").css("height""100%");
        clearInterval(timerId);
        var iframeInputArea = $("iframe[src='/smarteditor/SmartEditor2Skin.html']").contents().find("iframe[id='se2_iframe']").contents().find('.se2_inputarea');
 
        iframeInputArea.focusout(function() {
            var areaContent = iframeInputArea.html();
            areaContent = areaContent.replace(/??/gi, "=");
            iframeInputArea.html(areaContent);
        });
    }
}, 300);



로딩 전에 css로 감춰주고 로딩 될 때까지 체크 후 로딩이 끝나면 css로 다시 설정 잡아주고 내용을 쓰려면 클릭할테니까

포커스 아웃 처리로 원하는 이벤트 추가했다


728x90
반응형

'Frontend > jQuery' 카테고리의 다른 글

sweetalert2 possible unhandled promise rejection  (0) 2019.12.16
로딩 심기  (0) 2019.12.14
ajax 반복하기  (0) 2019.11.27
loading 심기  (0) 2019.11.15
Radio 클릭 후 취소하고 싶을 때  (0) 2019.11.15