Asp.Net核心-使用Ajax将Ckeditor textarea值传递给控制器？
Asp.Net核心是一种用于构建现代Web应用程序的开发框架。它基于.Net平台，提供了丰富的功能和工具，使开发者能够快速、高效地构建可靠的Web应用程序。
Ajax是一种在Web应用程序中使用的技术，可以通过在后台与服务器进行异步通信，实现部分页面刷新，提升用户体验。通过使用Ajax，可以实现页面无需刷新即可与服务器进行数据交互。
Ckeditor是一种强大的富文本编辑器，可用于在Web应用程序中创建和编辑富文本内容。
要将Ckeditor textarea的值传递给控制器，可以使用Ajax技术来实现。以下是实现的步骤：
- 在前端页面中，使用JavaScript代码获取Ckeditor textarea的值。
- 使用Ajax将获取到的值发送到服务器端的控制器。
- 在控制器中，接收Ajax发送的值，并进行相应的处理。
下面是一个示例代码：
前端页面代码（HTML + JavaScript）：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>使用Ajax传递Ckeditor textarea值</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
<textarea id="ckeditorTextarea"></textarea>
<button id="sendButton">发送</button>
<script>
$(document).ready(function () {
// 初始化Ckeditor
CKEDITOR.replace('ckeditorTextarea');
// 点击发送按钮时触发
$('#sendButton').click(function () {
var textareaValue = CKEDITOR.instances.ckeditorTextarea.getData(); // 获取Ckeditor textarea的值
// 发送Ajax请求
$.ajax({
url: '/ControllerName/ActionName',
type: 'POST',
data: { textareaValue: textareaValue },
success: function (response) {
// 请求成功后的处理
console.log(response);
},
error: function (error) {
// 请求失败后的处理
console.log(error);
}
});
});
});
</script>
</body>
</html>后端控制器代码（C#）：
using Microsoft.AspNetCore.Mvc;
public class ControllerName : Controller
{
[HttpPost]
public IActionResult ActionName(string textareaValue)
{
// 处理接收到的textarea值
// ...
return Json(new { message = "处理成功" });
}
}在这个示例中，我们使用了Ckeditor作为富文本编辑器，并使用了Ajax将Ckeditor textarea的值发送到后端控制器中。在控制器中，我们接收到Ajax发送的值，并进行相应的处理，然后返回一个Json格式的消息。
值得一提的是，腾讯云并没有特定的产品与此问题直接相关。但是，腾讯云提供了一系列的云计算产品和服务，如云服务器、对象存储、数据库等，可用于构建和部署Asp.Net核心应用程序。您可以访问腾讯云官方网站（https://cloud.tencent.com/）了解更多相关产品和服务的详细信息。
相关·内容
1回答
无法追加或发布CKEditor值
、、、、
我在一个CKEditor MVC应用程序中有一个ASP.NET，我不能追加或发布textarea的更新的值，如下所示： This is my textarea to be replaced with CKEditor.</<
浏览 1提问于2017-09-18得票数 0
回答已采纳
我使用的是ckeditor版本4插件...我想向控制器发送ckeditot值，但是无论我做什么，都会发送一个空值！！注意:当我使用"Id“而不是"asp-for”时，值被发送，但我需要asp-for....="multipart/form-data"> <label class="control-label
浏览 18提问于2021-10-29得票数 0
回答已采纳
1回答
我正在使用CkEditor在asp.net mvc中。视图：<script src="~/Content/ckeditor/ckeditor</
浏览 2提问于2014-07-01得票数 0
回答已采纳
我一直在用HTML开发CKEDITOR，后端是asp.net核心v3.1。我在呈现和绑定html表单时使用了asp标记帮助器。asp-for="Content" class="form-control" required placeholder="Content"></textarea></div>我有两
浏览 4提问于2020-10-21得票数 0
回答已采纳
简言之：
当我按下按钮时，将生成一个新的CKeditor窗口，并通过AJAX调用显示。问题:这个新的CKEditor窗口正确地显示了存储在数据库中的文本，但是:当我点击" save“(与表单的其余部分一起生成的ajax按钮)时，这个新的CKeditor窗口中的值将无法保存: CKedi
浏览 3提问于2011-05-26得票数 3
回答已采纳
我在我的Asp.Net核心web应用程序中使用了PDF4，这样用户就可以写商务信函，然后导出为CKeditor (itextsharp)。Html控件： <div class="form-group"> <textarea asp-for="Vsebina" name="Vsebina" class="form-cont
浏览 27提问于2021-04-19得票数 1
似乎我无法从ajax获取php中的textarea的值。，它会输出我的textarea的值，但是当我使用ajax将它传递给我的控制器时，它什么也不会输出。> 这是我的ajax： $('#create_post_form').submit(function(e) { data : new，我试图通过使
浏览 19提问于2019-03-20得票数 1
回答已采纳
我正在开发一个.NET核心3.1RazorPages应用程序。我的应用程序中的一个Razor页面使用AJAX发布了TextArea的内容。但是，当我使用CKEditor 5 并将TextArea转换为WYSIWYG时，就不能再在编辑器中发布值了。 <textarea asp-for=&q
浏览 9提问于2022-02-28得票数 0
回答已采纳
我在研究asp.net MVC3。我需要在部分视图中使用ckeditor。{ }<% using (Html.BeginForm()) { %>
<%: Html.TextArea("Body", signature , new { @class = "ckeditor", rows = "5", cols = "
浏览 0提问于2014-03-08得票数 0
回答已采纳
我很难将wysiwyg内容发布到asp.net核心的控制器上。我似乎无法从表单编辑器获得任何价值。Content属性的值以null形式传递给控制器。我正在使用summernote表单编辑器来处理我的富文本框编辑器。
asp-for="Content" id="summernote" name="editordata"></textarea>
浏览 1提问于2018-01-29得票数 0
回答已采纳
我编写了一段代码，其中显示了codeigniter3框架中Ajax的验证错误。但是，在多次按submit按钮后，它会多次显示错误消息。
<div class="col-md-12 input-group" >
&
浏览 5提问于2017-07-29得票数 0
回答已采纳
1回答
我在我的asp.net核心项目中有一个部分视图，我想用AJAX将所有的input、select和editor值发布到控制器。我可以将所有input和select标记发布到控制器，但不能发布CkEditor值。
当然，我可以在CkEditor中获得jQuery值，但不能选择它。col-lg-2 col-sm-2 control-label"></lab
浏览 2提问于2017-11-12得票数 1
回答已采纳
1回答
我使用CKEditor 4并将ckeditor值发布到Action。但是，当我单击submit、buttom和model进行操作时，ckeditor值就会发出空值。视图: data-
浏览 1提问于2017-11-06得票数 3
回答已采纳
我有一个表单，它有一些文本字段和一个文本区域(ckeditor)，在单击按钮art_title字段值被发送到art_save.php页面后，textarea的值不会被发送。<script src="ckeditor/ckeditor.js"></script>{
var
浏览 4提问于2015-05-22得票数 12
回答已采纳
7回答
我想载入CKEditor在CodeIgniter，我搜索了很多，但无法理解他们的方式。我把ckeditor放在application/plugins文件夹中，现在我想做编辑器，所以我在Controller方法中做了如下操作。$CKEditor = new CKEditor();
$CKEditor->basePath
浏览 5提问于2012-08-05得票数 8
回答已采纳
下面是我如何在index.php中创建CKeditor (我在CKfinder中使用它)： include_once 'ckeditor/ckeditor.php';
require_once 'ckfinder/ckfinder
浏览 3提问于2012-09-13得票数 0
回答已采纳
2回答
实际上，我正在使用JQuery和AJAX进行一些测试，并使用要提交的textarea创建了一个简单的表单。如果没有AJAX，它可以正常工作，但是，它总是发送我的文本区域的一个空值.input").attr("disabled", false);
$.ajax<div id=&quo
浏览 4提问于2011-12-31得票数 1
回答已采纳
我正在使用jQuerys ajaxForm 和CKEditor 现在，我的所有内容都通过AJAX加载到页面中，传递给它的数据将触发一个名为addonLoader的函数，这是该函数中处理CKEditor的部分
// check there are not any instance'sof CKEditor</
浏览 2提问于2012-03-07得票数 1
回答已采纳
我遵循下面的，它的工作原理就像魅力一样：
要创建编辑器实例，除了通常的CKEditor核心脚本之外，您需要按照以下顺序在页面中加载jQuery适配器文件：$( 'textarea.editor‘).ckeditor()；
我使用Struts 2和ajax</em
浏览 0提问于2011-08-05得票数 2
回答已采纳
我使用Drupal 8's Ajax API根据另一个字段中的输入更新表单字段。我要更新的字段之一是text_format字段，该字段使用Drupal的核心程序。如果我正确理解了CKEditor API，我应该能够使用setData()方法(https://ckeditor.com/docs/ckeditor4/latest/api/CKEDITOR_.m
浏览 0提问于2018-10-30得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
