无法从文本编辑器获取值

Question

我正在使用夏季笔记编辑器。我试图从中获取值并将其存储在数据库中。但是数据是空的。

    <!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Summernote</title>
  <link href="http://netdna.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.css" rel="stylesheet">
  <script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.js"></script> 
  <script src="http://netdna.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.js"></script> 
  <link href="http://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.12/summernote.css" rel="stylesheet">
  <script src="http://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.12/summernote.js"></script>
</head>
<body>
  <div><input type="text" id="summernote"></div>
  <button type="button" onclick="callResult()" class="btn btn-primary waves-effect waves-light">
Add
</button> 
  <script>
    $(document).ready(function() {
        $('#summernote').summernote();
    });

function callResult()
{

$('#alerts').hide();
var text=$("#summernote").val(); 
 alert(text);
$.ajax({
type: "GET",
url: 'actionPage.php',
data:"text="+text, 
success: function(data) {
// alert(data);
if($.trim(data)=="success"){
$('#alerts').html("added");
$('#text').val("");

}

else{
$('#alerts').html("Failure some connection issues");

}
$('#alerts').show();
}

});
}

</script>
</body>
</html>

The alert(text) outputs an empty popup.

我已经为其他类型为文本的表单尝试了相同类型的代码，效果很好。但是在这里我无法使用 ID 从编辑器中获取文本。如何从文本编辑器获取数据。

Answer 1

您可以使用以下方法获取实际值：

let text = $("#summernote").summernote("code");

解释：

在您的代码中，您尝试使用以下方法获取值：

var text=$("#summernote").val();

这只会为您提供以下元素的值：

<input type="text" id="summernote" style="display: none;">

这将是空的。

要获取 summernote 文本字段的实际值，您可以执行以下操作：

您可以使用以下方法从 summernote 字段获取输入：

let text = $("#summernote").summernote("code");

Answer 2

第一件事不用写

$(document).ready(function() {
        $('#summernote').summernote();
    });

在脚本里面。你可以直接做：-

<script>
    $('#summernote').summernote({});
</script>

并从 :-

获取价值

$('#summernote').val();

无法从文本编辑器获取值

Cannot fetch value from text editor

html

javascript

ajax

editor

summernote