使用 ckeditor 获取 textarea 的值,Ajax
Get value of textarea using ckeditor, Ajax
我有这个表格用于博客。
它适用于 ajax 不刷新,只需序列化并提交数据。
然后我决定使用 ckeditor 5 不提交 textarea 的值。
我的ajax脚本
$(document).ready(function(){
$("#create").click(function(event) {
event.preventDefault();
var form = $("#mytest");
var formData = new FormData($("#mytest")[0]);
$.ajax({
url : "test3.php",
type : "POST",
cache: false,
contentType : false,
processData: false,
data: formData,
success:function(response){
$(".test").html(response);
}
});
});
});
我的html表格
<form id="mytest" action="">
<input type="number" name="number" value="">
<br>
<textarea class="editor" name="textarea"></textarea>
<input type="submit" id="create" value="submit content">
</form>
<p class="test"></p>
我的php代码
$textarea = $_POST["textarea"];
$number = $_POST["number"];
echo $textarea;
echo $number;
CKEditor 将 textarea 包装在它自己的 html 标记中,因此为了获得该 textarea 文本,请尝试:
$('.ck-content p').text();
我使用的是早期的 CKEditor 版本之一
$('iframe').content().find('body').text();
为文本区域指定一个 id 为 mycontent。
$(document).ready(function(){
$("#create").click(function(event) {
event.preventDefault();
$('#myContent').val($('.ck-content p').text());
var form = $("#mytest");
var formData = new FormData($("#mytest")[0]);
$.ajax({
url : "test3.php",
type : "POST",
cache: false,
contentType : false,
processData: false,
data: formData,
success:function(response){
$(".test").html(response);
}
});
});
});
我就是这样做的...
我有这个表格用于博客。 它适用于 ajax 不刷新,只需序列化并提交数据。 然后我决定使用 ckeditor 5 不提交 textarea 的值。
我的ajax脚本
$(document).ready(function(){
$("#create").click(function(event) {
event.preventDefault();
var form = $("#mytest");
var formData = new FormData($("#mytest")[0]);
$.ajax({
url : "test3.php",
type : "POST",
cache: false,
contentType : false,
processData: false,
data: formData,
success:function(response){
$(".test").html(response);
}
});
});
});
我的html表格
<form id="mytest" action="">
<input type="number" name="number" value="">
<br>
<textarea class="editor" name="textarea"></textarea>
<input type="submit" id="create" value="submit content">
</form>
<p class="test"></p>
我的php代码
$textarea = $_POST["textarea"];
$number = $_POST["number"];
echo $textarea;
echo $number;
CKEditor 将 textarea 包装在它自己的 html 标记中,因此为了获得该 textarea 文本,请尝试:
$('.ck-content p').text();
我使用的是早期的 CKEditor 版本之一
$('iframe').content().find('body').text();
为文本区域指定一个 id 为 mycontent。
$(document).ready(function(){
$("#create").click(function(event) {
event.preventDefault();
$('#myContent').val($('.ck-content p').text());
var form = $("#mytest");
var formData = new FormData($("#mytest")[0]);
$.ajax({
url : "test3.php",
type : "POST",
cache: false,
contentType : false,
processData: false,
data: formData,
success:function(response){
$(".test").html(response);
}
});
});
});
我就是这样做的...