두 자바 스크립트 함수, 두 번째는 첫 번째 텍스트 영역에서 초안을 저장하고 두 번째는 텍스트 편집기 플러그인입니다, 나는 두 개의 자바 스크립트 기능을 가지고 있습니다 만

Question

작동합니다. 둘 다로드하면 두 번째 파일 만 표시되지만 개별적으로 잘 작동합니다. 불행히도 함께 사용하지 마십시오. 아래의 두 가지 기능을 배치 할 예정입니다.이 두 기능을 수정하면 나에게 알려주십시오. 필요한 경우 외부 플러그인 JS를 표시 할 수 있지만 다소 큽니다. 협조 해 주셔서 감사합니다.

추가, 둘 다 같은 jQuery를 버전을 사용하십시오.

#1: 

$(function() { 
    setInterval(function(){ 
     var body = $("#body").val(); 
     var title = $("#title").val(); 
     var forum = $("#forum_id").val(); 

     DATA = "mid=" + <?php echo $mid ?> + "&body=" + body + "&title=" + title + "&forum=" + forum + "&draft_id=" + <?php echo $draft_id ?>; 

     if (body.length > 0) 
     { 
      $.ajax({ 
       type: "POST", 
       url: "inc/save_draft.php", 
       data: DATA, 
       cache: false, 
       success: function(){ 
        $("#timestamp").show().html("Saved as a draft!"); 
       } 
      }); 
     } 
     setTimeout(function(){ 
      $("#timestamp").hide(); 
     }, 500);// 15 seconds 
    }, 1000);// 1 minute 
}); 


#2: 

$(function() { 
    $("textarea").sceditor({ 
     plugins: 'bbcode' 
    }); 
}); 

Answer 1

여기서 문제는 sceditor 플러그인이 편집은 iframe에 텍스트 영역을 켜지는지, 그 값은 양식이 제출 될 때까지 에디터에 의해 채워지지 않기 때문에 $("#body").val()는 빈 문자열을 얻을 것입니다.

첫 번째 플러그인을 $('#body').val()을 가져 오지 않고 $('#body').sceditor('instance').val()을 가져 오도록 업데이트해야합니다.

Demo. 해당 텍스트 영역의 내용을 변경 한 다음 변경된 내용을 다시 가져 오는 두 가지 다른 방법을 사용하십시오. 후자 만 작동합니다.