在ASP.NET中使用KindEditor，并在后台获取值资源-CSDN文库

共210个文件

gif：151个

js：28个

png：10个

需积分: 15 159 浏览量 2019-03-13 09:51:27 上传评论收藏 1.19MB RAR 举报

在ASP.NET web开发中，有时候我们需要为用户提供一个富文本编辑器来输入格式化的文本，例如文章、评论等。KindEditor是一款流行的开源JavaScript富文本编辑器，它提供了多种功能，如字体样式设置、图片上传、链接插入等。在这个教程中，我们将学习如何在ASP.NET环境中集成KindEditor，并在后台获取编辑器中的数据进行处理。我们需要在ASP.NET项目中引入KindEditor的相关文件。在"KindEditor"文件夹中，通常包含JavaScript和CSS文件，以及可能的本地化文件和插件。确保将这些文件复制到你的项目目录下的适当位置，例如`Scripts`或`Content`文件夹，以便在网页中引用。接下来，我们需要在页面中引入KindEditor。在ASP.NET的`.aspx`文件中，可以在`<head>`部分添加KindEditor的CSS链接，然后在页面的`<body>`部分添加一个`<textarea>`元素，这个元素将被KindEditor替换。在`<textarea>`元素上添加一个ID，以便在后台代码中引用。 ```html <head> <link href="~/Scripts/KindEditor/kindeditor.css" rel="stylesheet" /> </head> <body> <textarea id="myEditor"></textarea> <script src="~/Scripts/KindEditor/kindeditor-all.min.js"></script> <script> KindEditor.ready(function (K) { var editor = K.create('#myEditor', { // 配置项... }); }); </script> </body> ``` 在JavaScript中，我们调用`KindEditor.ready`函数，当KindEditor加载完成时，创建一个编辑器实例。`K.create`方法接受两个参数：一个是编辑器要替换的元素的ID，另一个是编辑器的配置项。配置项可以包括语言、工具栏、图片上传等设置。在后台获取KindEditor的值，我们需要在提交表单或触发某个事件时，使用JavaScript获取编辑器的HTML内容。这可以通过调用KindEditor的`html()`方法实现： ```javascript var content = editor.html(); ``` 然后，可以使用`PageMethods`（对于ASP.NET Web Forms）或者`Ajax`（对于ASP.NET MVC）将`content`发送到后台。例如，在Web Forms中，你可以创建一个`WebMethod`来接收内容： ```csharp [WebMethod] public static void SaveContent(string content) { // 处理content... } ``` 在前端，通过`PageMethods.SaveContent(content)`调用这个方法并传递编辑器的值。此外，如果需要清空编辑器，可以使用`clear()`方法： ```javascript editor.clear(); ``` 若要重新赋值，可以使用`html()`方法设置新的内容： ```javascript editor.html('新的内容'); ``` 在实际开发中，你可能还需要处理图片上传、文件管理等功能，这需要配置KindEditor的服务器端处理程序。KindEditor提供了上传接口的设置，你需要根据ASP.NET环境设置相应的URL，处理上传的请求，保存文件并返回成功或失败的响应。总结，本示例主要讲解了如何在ASP.NET项目中集成KindEditor，创建富文本编辑器实例，以及在后台获取、清空和重新设置编辑器的值。通过理解这些步骤，你可以更方便地在你的应用程序中使用KindEditor，提供给用户一个功能丰富的文本编辑体验。

资源推荐

资源详情

资源评论

收起资源包目录

在ASP.NET中使用KindEditor，并在后台获取值（210个子文件）

file_manager_json.ashx 6KB

upload_json.ashx 3KB

index.aspx 5KB

web.config 327B

index.aspx.cs 553B

default.css 21KB

qq.css 3KB

simple.css 2KB

prettify.css 973B

LitJSON.dll 49KB

static.gif 35KB

35.gif 13KB

42.gif 13KB

40.gif 10KB

18.gif 8KB

19.gif 8KB

11.gif 8KB

32.gif 7KB

49.gif 6KB

29.gif 6KB

97.gif 5KB

65.gif 5KB

31.gif 5KB

46.gif 5KB

57.gif 5KB

45.gif 5KB

8.gif 5KB

43.gif 4KB

33.gif 4KB

68.gif 4KB

26.gif 4KB

14.gif 4KB

7.gif 4KB

51.gif 4KB

10.gif 4KB

47.gif 4KB

72.gif 4KB

6.gif 3KB

94.gif 3KB

84.gif 3KB

41.gif 3KB

17.gif 3KB

9.gif 3KB

28.gif 3KB

50.gif 3KB

95.gif 3KB

22.gif 3KB

27.gif 3KB

67.gif 3KB

90.gif 3KB

60.gif 3KB

loading.gif 3KB

58.gif 3KB

74.gif 2KB

25.gif 2KB

101.gif 2KB

54.gif 2KB

99.gif 2KB

24.gif 2KB

12.gif 2KB

73.gif 2KB

104.gif 2KB

103.gif 2KB

34.gif 2KB

88.gif 2KB

53.gif 2KB

4.gif 2KB

23.gif 2KB

5.gif 2KB

21.gif 2KB

3.gif 2KB

0.gif 2KB

20.gif 2KB

2.gif 2KB

39.gif 2KB

96.gif 2KB

30.gif 2KB

100.gif 2KB

48.gif 2KB

13.gif 2KB

38.gif 2KB

98.gif 2KB

81.gif 2KB

83.gif 2KB

55.gif 2KB

1.gif 2KB

85.gif 2KB

44.gif 2KB

78.gif 2KB

15.gif 2KB

87.gif 2KB

82.gif 2KB

80.gif 2KB

59.gif 1KB

52.gif 1KB

86.gif 1KB

79.gif 1KB

editor.gif 1KB

102.gif 1KB

36.gif 1KB

共 210 条

187 http://www.gdcrj.com/wsyw/tbpassportapply/tbpassportapply.do 申请结果您的申请已正式受理，受理编号为: 010800058902049 请于本网站的办证进度栏目查询您的申请办理进度。 wangdongfang@pcbmail.founderpcb.com wangdongfang@pcbmail.founderpcb.com或254800850@qq.com，需提供成绩单扫描件，邮件标题为姓名-学历-毕业院校及专业-应聘岗位。

评论收藏

内容反馈