ckeditor、ckeditor配置

标签：

1.将ckeditor和ckfinder文件夹拷入项目文件夹中，刷新项目。

2.ckfinder把文件夹中的bin目录下的dll文件（CKFinder.dll）添加到网站的引用中，防止出现找不到类的错误。（未能加载类型“CKFinder.Connector.Connector”。）

3. 在添加编辑控件的页面（aspx）的head中加入，并插入代码：

　 <script src="ckeditor/ckeditor.js" type="text/javascript"></script>
    <script type="text/javascript" src="ckfinder/ckfinder.js"></script>

    <asp:TextBox ID="i_content" runat="server" TextMode="MultiLine" Height="362px"
                Width="100%"></asp:TextBox>
    </div>

<script type="text/javascript">
        CKEDITOR.replace(‘<%= i_content.ClientID %>‘, {skin : ‘kama‘});
</script>

或

<script type="text/javascript" src="../../ckeditor/ckeditor.js"></script>

<textarea cols="80" id="txtremark" rows="50" runat="server"></textarea>

<script type="text/javascript">
            CKEDITOR.replace(‘txtremark‘, { height: 250, width: 800 });
</script>

4.在项目文件夹中加入uploads文件夹来存放上传的文件

5.修改页面的page指令ValidateRequest="false"
<%@ Page Language="C#" ValidateRequest="false" %>

7.获取或设置编辑器中的内容
//获取编辑器中的内容
lblView.Text=Server.HtmlEncode( this.i_content.Text);
//设置编辑器中的内容
txtContent.Text = Server.HtmlDecode("<h1>设置内容</h1>");

或

//获取编辑器中的内容

model.Remark = this.txtremark.Value;

//设置编辑器中的内容

this.txtremark.Value = model.Remark;

一些用应中（如ajax应用）需要在客户端处理完所有的数据，然后用它自己的方式向服务器发送数据，在这些情况下，使用CKEditor API就足以轻松获取编辑器实例中的内容。例 如： <script type="text/javascript">
var editor_data = CKEDITOR.instances.i_content.getData();
</script>

8.加入中文字体：

打开CKeditor目录里的config.js，在

CKEDITOR.editorConfig = function( config )
{

    config.language = ‘zh-cn‘; //中文
    //  config.uiColor = ‘#AFEEEE‘;//编辑器颜色
    config.font_names = ‘微软雅黑;宋体;楷体_GB2312;新微软雅黑;黑体;隶书;幼圆;微软雅黑;Arial;Comic Sans MS;Courier New;Tahoma;Times New Roman;Verdana‘;
};

9.修改文件上传目录

打开ckfinder目录里的config.ascx

修改例如：

BaseUrl = "/uploads/";

BaseDir = Server.MapPath("~/uploads/");

点击下载ckeditor、ckeditor

ckeditor、ckeditor配置

标签：

原文地址：http://www.cnblogs.com/elves/p/4237537.html