如何使用 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);
});
});
我用过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);
});
});