Summernote + jQuery UI sortable 无法输入文字

Question

当我使用 Summernote 和 jQuery UI Sortable 时，我可以对项目进行排序，但无法在文本区域中输入文本。我怎样才能完成它？

HTML

<ul class="sortable-list">
      <li>
        <h2>Textarea 1</h2>
        <textarea name="textarea_1" id="textarea_1" class="summernote">
</textarea>
      </li>
      <li>
        <h2>Textarea 2</h2>
        <textarea name="textarea_2" id="textarea_2" class="summernote">
</textarea>
      </li>
      <li>
        <h2>Textarea 3</h2>
        <textarea name="textarea_3" id="textarea_3" class="summernote">
</textarea>
      </li>
</ul>

JavaScript

$('.summernote').summernote();
$('.sortable-list').sortable({
  axis: 'y'
}).disableSelection();

另请参阅 jsfiddle：

http://jsfiddle.net/L4pq1fad/

Answer 1

我在 GitHub 期得到了答案。

https://github.com/summernote/summernote/issues/1174#issuecomment-115235983

JS 应该是：

$('.summernote').summernote();
$('.sortable-list').sortable({
  handle: "h2",
  axis: 'y'
});

sanchezzzhak created jsfiddle: http://jsfiddle.net/sanchezzzhak/L4pq1fad/3/