文章参考自how to use ckeditor 4.5.7 in a asp.net projectHow 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));
    ...
}

其他相关功能参考


幻悲立轩
0 声望0 粉丝