使用ckeditor，Ajax获取textarea的值答案

【问题标题】：Get value of textarea using ckeditor, Ajax使用ckeditor，Ajax获取textarea的值
【发布时间】：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;

【问题讨论】：

标签： jquery ajax ckeditor

【解决方案1】：

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

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

在我使用的早期 CKEditor 版本之一中

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

【讨论】：

【解决方案2】：

给 textarea 一个 mycontent 的 id。

        $(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);
                  }
                });
            });
        });

我就是这么干的……

【讨论】：