检索可编辑跨度标记内的当前文本答案

【问题标题】：Retrieving current text inside editable span tag检索可编辑跨度标记内的当前文本
【发布时间】：2016-10-02 11:47:33
【问题描述】：

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

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

【问题讨论】：

标签： jquery ruby-on-rails summernote

【解决方案1】：

summernote，创建另一个span，如果你使用id你会得到带有display:'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

【讨论】：

您是最棒的！非常感谢！