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

How to get entered content in summernote editor using jQuery?

我用过Summernote编辑器。我可以获取编辑器,但无法获取编辑器中输入的数据。

我已按照 this 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>

像这样添加代码

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

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