ASP.NET版本的Kindeditor插件的使用（同步）

OStack程序员社区-中国程序员成长平台 › 门户 › 编程› ASP.NET›ASP.NET编程经验

原作者: [db:作者] 来自: [db:来源] 收藏邀请

昨天老大让我自己下载一个kindeditor说要放到“描述”功能中，并且不能提交（一边在textarea中写一边在label控件中将数据显示出来），由于从来没弄过，实在费了一翻劲。所以将此记录下来，一方面加深自己的记忆，另一方面希望大家批评指正。

先从官网中现在最新版本的Kindeditor，官网地址：http://www.kindsoft.net/

下载完成后，将整个文件夹解压。其中包含有asp、php、asp.net等使用kindeditor的实例，这里我用的是asp.net的实例。

1.在需要插入kindeditor的项目中建立“kindeditor”文件夹，在解压的文件夹中将kindeditor.js和attached、themes、plugins、lang文件夹还有asp.net中的bin文件夹、file_manager_json.ashx和upload_json.ashx添加文件夹中（最好将file_manager_json.ashx和upload_json.ashx文件添加到一个新文件夹asp.net中)。其中file_manager_json.ashx和upload_json.ashx是图片的上传处理程序。

2.在asp.net文件夹中新建一个kindeditor.htm的文件。

3.在项目中添加对asp.net/bin/LitJSON.dll文件的引用。添加引用后，打开下载的kindeditor中的asp.net文件夹，用记事本方式打开该文件夹下的demo.aspx文件。

4.在项目中的kindeditor文件中添加kindeditor.js的引用。并将demo.aspx文件中的js代码复制到kindeditor.htm文件中。

5.在<body>标签中加入<textarea>和显示文本的<label>标签，具体如下图所示。

6.现在开始进行输入和显示同步的代码书写，在复制的js文件中添加一个函数afterChange，具体如图所示。

此时输入和显示的同步功能就已经做好。最后看下效果：

如果对于kindeditor有什么疑问可留言，看到后将会解答。如果我也不会希望和大家共同探讨共同进步！