如何在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文件的引用：
<head>
...
<script src="ckeditor/ckeditor.js"></script>
...
</head>
第三步，添加CKEditor脚本
CKEditor脚本的工作原理是隐藏文本区域，并在其位置上显示一个HTML富文本编辑器。所以你首先创建一个属性为TextMode="MultiLine"的文本框，然后使用CKEditor脚本来完成隐藏部分:
<asp:TextBox ID="yourTextBoxID" runat="server" TextMode="MultiLine"></asp:TextBox>
<script type="text/javascript" lang="javascript">CKEDITOR.replace('<%=yourTextBoxID.ClientID%>');</script>
第四步，后端获取CKEditor中的内容
直接在aspx.cs文件中使用yourTextBoxID.Text即可获得ckeditor输入框中内容的字符串：
protected void submitButton_Click(object sender, EventArgs e){
...
string editorContent = yourTextBoxID.Text;
Response.write(string.format("<script>alert('Content = {0}')</script>",editorContent));
...
}
其他相关功能参考
- 使用jQuery验证CKEditor输入内容（你也可以使用ASP.NET验证控件）
- 启用图片上传服务器功能
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
