检索可编辑跨度标签内的当前文本

Question

我正在使用 Summernote (http://summernote.org/) 创建一个编辑器，用户可以在其中编辑他们创建的消息。在页面加载时显示在编辑器中的文本中，我有几个 <span> 标记来包装消息的某些部分，每个标记都有不同的 ID（例如，<span id="something">）。

当用户按下保存按钮时，我想在那一刻检索每个 <span> 标签内的文本。我尝试使用 $("#something").text() 之类的东西，但它只会检索页面加载时跨度内的文本，而不是当前文本。有什么解决办法吗？

Answer 1

summernote，创建另一个 span，如果你使用 id 你会得到显示元素的文本：'none'，尝试使用 class 并得到最后一个元素

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

See the Plunker

检索可编辑跨度标签内的当前文本

Retrieving current text inside editable span tag

jquery

ruby-on-rails

summernote