[置顶] ckeditor 的几种使用方法总结（附演示工程文件，并且解决几个常见错误）

演示工程下载地址：http://download.csdn.net/detail/wsq724439564/5304974点击打开链接

方法一：将ckeditor文件解压到项目中，如图所示：


第一步：然后在所要使用ckeditor空间的页面添加ckeditor.js的引用：如图：


第二步：在页面中添加一个textbox文本框，或者input文本框，或者是textarea文本框，并添加css样式 ：CssClass=”ckeditor“ 。

如图：


第三步：测试。为每个文本框添加一个button来测试。如图：（在button事件里将文本框的内容设置为页面的title）


后台代码：

namespace ckeditorTEST

{

public partial class method1 : System.Web.UI.Page

{

protected void Page_Load(object sender, EventArgs e)

{

}

protected void Button1_Click(object sender, EventArgs e)

{

this.Page.Title = TextBox1.Text;

}

protected void Button2_Click(object sender, EventArgs e)

{

this.Page.Title= txtContent.InnerText;

}

}

}

在浏览器中查看，点击button之后会出现这样的的错误，如图:


j解决办法是：在VS2008中在页面头部加上：ValidateRequest="false" 。如图：



在VS2010中，除了要家ValidateRequest="false"，还要在配置文件中（Web.config）加入：

<system.web>

<pages validateRequest="false" />

</system.web>

<system.web>

<httpRuntime requestValidationMode="2.0" />

</system.web>

如图：



详细解决方案;http://msdn.microsoft.com/en-us/library/hh882339.aspx点击打开链接

方法二：将ckeditor文件解压到项目中，如图所示：


第一步：在ckeditor中找到他的.dll文件，放在bin目录下，然后添加对他的引用，如图：



第二部：在页面中在添加对ckeditor命名空间的引用。

<%@ Register assembly="CKEditor.NET" namespace="CKEditor.NET" tagprefix="CKEditor" %>

如图：



第三步：添加控件ckeditor：

1),在vs工具栏依次执行 [工具] [选择工具箱项] 。如图：



2), 在弹出窗口中点击 [浏览]，找到bin目录下的ckeditor.net 文件，然后添加进来，如图



添加后如图

:


.3)然后看到工具栏 标准选项卡里最下边多了这样一个控件，如下图：然后我们就可以像使用普通工具那样使用了，



4）也可以直接使用如下代码，而不用在工具箱中在添加控件了，

<CKEditor:CKEditorControl ID="CKEditorControl1" runat="server" Height="200px" Width="500px"></CKEditor:CKEditorControl>