2014-04-25 45 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

如果你在頁面加載中完成了這一切,你期望它是什麼? – jboneca

+0

@jboneca我根本不明白什麼是解決方案。你可以幫幫我嗎? – gustavomr

回答

0

這是因爲您在頁面加載時調用警報。那時,textarea上還沒有任何東西。

綁定事件的東西,將後發生文本框想要炫耀的,例如,當你點擊提交按鈕:

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

此外,您可能希望將click事件綁定代之以document,所以即使您以編程方式添加新提交,也會發生這種情況。爲了實現這一點,請將事件綁定爲這樣:

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

你能幫我一下嗎?我怎樣才能更新我的textarea鍵入文本? – gustavomr

+0

就像你得到它的價值一樣。通過調用$('#editor')。val('New text!') –

相關問題