Question

类似于this，但它发生在ckeditor 5中。下面是我的代码：

<form class="form-horizontal" enctype="multipart/form-data" onsubmit="return false;">
@foreach($datas as $data)
<div class="card card-body">
    <textarea name="note[{{$data->id}}]" class="editor">{!! $data->note !!}</textarea>
</div>
@endforeach
<button type="submit" class="btn btn-success" id="submit">save</button></form>

<script type="text/javascript">
var allEditors = document.querySelectorAll('.editor');
for (var i = 0; i < allEditors.length; ++i) {
    ClassicEditor.create(allEditors[i]);
}

$(document).ready(function() {
    jQuery("#submit").click(function(){
        if($("form")[0].checkValidity()) {
            var formData = new FormData($('form')[0]);
            $.ajax({
               url:'{{$url}}',
               method:'POST',
               data:formData,
               contentType: false,
               processData: false,
               success:function(result){},
               error: function (e, messages, detail){
                    alertify.log(detail);
               }
            });
        }
    });
});
</script>

如果任何文本区域发生变化，则在我双击后将其发送提交按钮。

示例： textarea之一的原始值是“ Lorem ipsum”，然后将其更改为“ Lorem ipsum dolor sit amet”。之后，我单击提交按钮，但是发送到服务器的数据是“ Lorem ipsum”。如果我重新单击“提交”按钮，则发送到服务器的值为“ Lorem ipsum dolor sit amet”。

我的脚本中缺少什么吗？

CK编辑器5需要加倍提交工作

0 个答案: