편집 가능한 범위 태그 내의 현재 텍스트 검색

Question

Summernote (http://summernote.org/)를 사용하여 사용자가 만든 메시지를 편집 할 수있는 편집기를 만듭니다. 페이지가로드 될 때 편집기에 표시된 텍스트 안에 메시지의 일부 섹션을 감싸는 약간의 <span> 태그가 있으며 각 태그에는 다른 ID가 있습니다 (예 : <span id="something">).

사용자가 저장 버튼을 누르면 그 순간 각 <span> 태그 안의 텍스트를 검색하려고합니다. $("#something").text()과 같은 것을 사용하려고했으나 현재 텍스트가 아닌 페이지가로드 될 때만 스팬 내에있는 텍스트 만 검색합니다. 어떤 아이디어가 이것을 고치는 방법?

Answer 1

summernote, 당신이 ID를 사용하는 경우 디스플레이를 가진 요소의 텍스트를 얻을, 다른 범위를 만들 : '없음'을, 마지막 요소

$(document).ready(function() { 
    $('#summernote').summernote(); 
    console.log($('.test:last').text()); 
    $('.save').on('click', function() { 
    console.log($('.test:last').text()); 
    return false; 
    }); 
}); 

See the Plunker