Получить текст из CK Editor textarea в JQuery

Question

Я использую редактор CK в приложении.

<textarea name="contentDetails" id="contentDetails" rows="10" cols="80"></textarea> 

Но я не могу получить текст из этого текстового поля. Я пробовал-

var content= $("#contentDetails").text(); //and also .val() & .html() 

Но content переменная остается пустой.

Любая идея?

//UPDATE - add my codes below 
<script> 
CKEDITOR.replace('contentDetails'); 

$(function() { 
    $("#submitcontent").click(function (e) { 
     e.preventDefault(); 
     var content= $("#contentDetails").text();   
    }); 
}); 

</script> 

Answer 1

Попробуйте это:

var text = CKEDITOR.instances.contentDetails.getData(); 

Answer 2

Согласно официальной документации: CKEditor Dom Element

Попробуйте

textarea = document.getElementById('contentDetails'); 
textareaNode = new CKEDITOR.dom.element(textarea); 
textareaNode.getValue(); 

Answer 3

CKEditor заменит текстовое поле с его собственными элементами, и именно там вам нужно будет получить HTML от. Если вы проверите исходное текстовое поле, вы найдете его пустым, содержимое на самом деле находится в другом месте в кучке html, созданного редактором. Попробуйте использовать элемент проверки, чтобы найти селектор для элемента, который содержит контент, который вы можете использовать. Убедитесь, что ваш jQuery выполняется после инициализации редактора.

Answer 4

Официальный CKEditor jQuery adapter guide объясняет:

// Get the editor data. 
var data = $('textarea.editor').val(); 
// Set the editor data. 
$('textarea.editor').val('My new content');