Asp.Net Core - 使用 Ajax 将 Ckeditor textarea 值传递给控制器？答案

【问题标题】：Asp.Net Core - Pass Ckeditor textarea value to controller with Ajax?Asp.Net Core - 使用 Ajax 将 Ckeditor textarea 值传递给控制器？
【发布时间】：2021-12-14 14:15:57
【问题描述】：

我正在使用 ckeditor 版本 4 插件... 我想向控制器发送ckeditot值，但无论我做什么都会发送一个空值！！我做了很多搜索，尝试了网站上的所有方法，但没有成功:( 我从网站再次下载了插件，但仍然失败？

注意：当我使用“Id”而不是“asp-for”时，会发送值，但我需要 asp-for....

HTML 表单：

@model Baya.Core.ViewModels.AddProductViewModel
<form id="ProductForm" method="post" enctype="multipart/form-data">
<div class="form-group">
    <label class="control-label">desc</label>
    <textarea  asp-for="Description" class="form-control"></textarea>
</div> 
<div class="modal-footer">
    <button type="button" onclick="return ValidateForm()" class="btn btn-info waves-effect">save</button>
    <button type="button" class="btn btn-danger waves-effect"
            data-dismiss="modal">
        cancel
    </button>
</div>

JavaScript 代码：

$(function () {
   /* $('#Description').ckeditor();*/
    CKEDITOR.replace('Description');       
});
function ValidateForm() {       
    let Form = $("#ProductForm")[0];
    let Form_Data = new FormData(Form);
    var descProduct = CKEDITOR.instances.Description.getData();       
    Form_Data.append("Description", descProduct);
    $.ajax({
        url: '/AdminPanel/Product/AddAndUpdateProduct',
        data: Form_Data,
        contentType: false,
        processData: false,
        type: 'POST',
        success: function (data) {     
            //code
        }
    });
}

控制器：

[HttpPost]
    [ValidateAntiForgeryToken]
    public IActionResult AddAndUpdateProduct(AddProductViewModel model)
    {
    //some code
    }

这个图片也是带断点输出的..

【问题讨论】：

标签： javascript jquery asp.net-core

【解决方案1】：

我使用了这个代码：

CKEDITOR.instances.Description.updateElement();
var descProduct = document.getElementById('Description').value;

代替这段代码：

var descProduct = CKEDITOR.instances.Description.getData();

成功了

【讨论】：