如何在ASP.NET Web Forms使用CKEditor

文章参考自how to use ckeditor 4.5.7 in a asp.net project、How to use CKEditor in ASP.NET Web Forms

注：此方法仅适用于ASP.NET Web Forms，如果你在使用ASP.NET MVC，请移步至How to use CKEditor in ASP.NET MVC原文

方法

第一步，下载CKEditor并添加到项目目录

从CKEditor官网下载CKEditor压缩包。再解压之后，你应该会得到一个ckeditor文件目录，将其放置在你的项目目录之下。

第二步，添加引用文件

在你需要添加CKEditor的ASPX页面文件的head标签中添加对ckeditor.js文件的引用：

    ...
    
    ...

第三步，添加CKEditor脚本

CKEditor脚本的工作原理是隐藏文本区域，并在其位置上显示一个HTML富文本编辑器。所以你首先创建一个属性为TextMode="MultiLine"的文本框，然后使用CKEditor脚本来完成隐藏部分:

第四步，后端获取CKEditor中的内容

直接在aspx.cs文件中使用yourTextBoxID.Text即可获得ckeditor输入框中内容的字符串：

protected void submitButton_Click(object sender, EventArgs e){
    ...
    string editorContent = yourTextBoxID.Text;
    Response.write(string.format("",editorContent));
    ...
}

其他相关功能参考

• 使用jQuery验证CKEditor输入内容（你也可以使用ASP.NET验证控件）
• 启用图片上传服务器功能