无法从文本编辑器中获取值
Posted
技术标签:
【中文标题】无法从文本编辑器中获取值【英文标题】：Cannot fetch value from text editor 【发布时间】：2020-03-04 18:17:09 【问题描述】：我正在使用夏季笔记编辑器。我试图从中获取值并存储在数据库中。但是数据是空的。
<!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 的其他表单尝试了相同类型的代码，效果很好。 但是在这里我无法使用 ID 从编辑器中获取文本。 如何从文本编辑器中获取数据。
【问题讨论】：
【参考方案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");
【讨论】：
【参考方案2】：第一件事不用写
$(document).ready(function()
$('#summernote').summernote();
);
在脚本中。你可以直接做：-
<script>
$('#summernote').summernote();
</script>
并从中获取价值：-
$('#summernote').val();
【讨论】：
以上是关于无法从文本编辑器中获取值的主要内容，如果未能解决你的问题，请参考以下文章
应用程序获取冻结白色设置双值以使用打字机编辑文本以进行 2 编辑文本
从嵌套 recyclerview 的所有输入框中获取所有编辑文本正在获取最新的 recyclerview 项目而不是所有数据