2014-04-25 3 views
1

미안은 ckeditor (텍스트 영역)에 입력 된 텍스트를 얻으려고 노력하지만, 나는 몇 가지 문제가있다 : 두에는 텍스트 CkEditor에 입력하는 방법을

<script type="text/javascript" src="jquery-1.11.0.min.js"></script> 
<script type="text/javascript" src="ckeditor/ckeditor.js"></script> 
<script type="text/javascript" src="ckeditor/adapters/jquery.js"></script> 

<script type="text/javascript"> 
$(document).ready(function(){ 
    $('#editor').ckeditor(); 


    var editor = $('#editor').ckeditorGet(); 

    var data = $('#editor').val(); 
    window.alert(data); 
    window.alert(CKEDITOR.instances['editor'].getData()); 

}); 
</script> 

    <body> 


<form method="post"> 
    <textarea name="editor" id="editor"></textarea> 
<input type="submit" value="Submit"> 
</form> 

결과 : 여기

은 내 코드입니다 경고가 비어 있습니다. 내가 뭘 잘못하고 있니?

+0

pageload에서이 작업을 수행하고 있다면 어떻게 될까요? – jboneca

+0

@jboneca 해결책이 무엇인지 전혀 모르겠습니다. 당신이 나를 도울 수? – gustavomr

답변

0

페이지에 페이지가로드 될 때 경고를 호출하기 때문입니다. 그 당시 텍스트 영역에는 아직 아무 것도 없습니다.

바인드 당신이 제출을 클릭하면, 예를 들어, 텍스트 상자 뭔가 보여주고있다됩니까 뭔가 이벤트가 버튼 : 또한

$(document).ready(function(){ 
    $('#editor').ckeditor(); 
    $('input[type=submit]').on('click', function() { 
     window.alert($('#editor').val()); 
    }); 
}); 

, 당신은에 클릭 이벤트를 바인딩 할 수 있습니다 document 대신 새 제출을 프로그래밍 방식으로 추가하더라도 발생합니다. 그러한 일이 발생하면 다음과 같이 이벤트를 묶으십시오.

$(document).on('click', 'input[type=submit]', function() { 
    window.alert($('#editor').val()); 
}); 
+0

나 좀 도와 줄래? 어떻게하면 입력 된 텍스트로 텍스트 영역을 업데이트 할 수 있습니까? – gustavomr

+0

당신은 그 가치를 얻은 것과 같은 방식입니다. $ ('# editor')를 호출함으로써 .val ('New text!') –

관련 문제