Невозможно получить значение из текстового редактора - PullRequest
Новая
       30

Невозможно получить значение из текстового редактора

0 голосов
/ 08 ноября 2019

Я использую редактор летних заметок. Я пытался получить значения из него и сохранить в базе данных. Но данные пусты. 

    <!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>

Предупреждение (текст) выводит пустое всплывающее окно.

Я пробовал такой же код для других форм с type = text, он работал хорошо. Но здесь я не смог получить текст из редактора, используя идентификатор. Как получить данные из текстового редактора.

Ответы [ 2 ]

0 голосов
/ 08 ноября 2019

первым делом не нужно писать 

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

внутри скрипта. Вы можете сделать напрямую: - 

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

И получить значение из: - 

$('#summernote').val();
0 голосов
/ 08 ноября 2019

Вы можете получить фактическое значение, используя: 

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

Объяснение:

В своем коде вы пытаетесь получить значениеиспользуя: 

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

Это просто даст вам значение элемента ниже: 

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

, который будет нулевым.

Чтобы получить фактическое значениеТекстовое поле summernote, которое вы можете сделать:

Вы можете получить ввод из поля summernote, используя: 

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