如何使用jQuery在summernote编辑器中获取输入的内容？

Question

我用过 Summernote 编辑器。 我能够获得编辑器，但无法获得在编辑器中输入的数据。

我已按照此 url 中的说明进行操作，但单击按钮时无法在编辑器中获取输入的数据。 谁可以帮我这个事？ 谢谢

 $('#summernote').summernote({ tabsize: 2, height: 100 }); $("#test").click(function() { var markupStr = $('#summernote').summernote('code'); alert(markupStr); });

 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css"> <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/js/bootstrap.min.js"></script> <link href="https://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.12/summernote-bs4.css" rel="stylesheet"> <script src="https://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.12/summernote-bs4.js"></script> <div id="summernote"></div> <div> <button id="test">click</button> </div>

Answer 1

添加这样的代码

$(document).ready(function() {
 $('#summernote').summernote({
  tabsize: 2,
  height: 100
});

$("#test").click(function() {
  var markupStr = $('#summernote').summernote('code');
  alert(markupStr);
});
});