[置顶] 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>