Warm tip: This article is reproduced from serverfault.com, please click

jquery-使用ckeditor,Ajax获取textarea的价值

(jquery - Get value of textarea using ckeditor, Ajax)

发布于 2020-12-11 19:31:53

我有此表格用于博客。它与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;
Questioner
Everything good
Viewed
0
user2463644 2020-12-12 20:10:15

CKEditor将textarea包装在其自己的html标记中,因此为了获得该textarea文本,请尝试:

$('.ck-content p').text();

在较早的CKEditor版本之一中,我执行

$('iframe').content().find('body').text();