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

Question

我使用了 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>

Answer 1

像这样添加代码

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

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