kindeditor富文本编辑器

1.在页面的头部中，要添加属性   ClientIDMode="Static"，设置该页面的ID为静态不可变的。

<%@ Page Title="" Language="C#" MasterPageFile="AppSite.Master" AutoEventWireup="true"
    ClientIDMode="Static" CodeBehind="Info.aspx.cs" Inherits="ShangBiao.App.Info" %>

2.引用js和css

    <link rel="stylesheet" href="kindeditor/themes/default/default.css" />
    <link rel="stylesheet" href="kindeditor/plugins/code/prettify.css" />
    <script charset="utf-8" src="kindeditor/kindeditor.js" type="text/ecmascript"></script>
    <script charset="utf-8" src="kindeditor/lang/zh_CN.js" type="text/ecmascript"></script>
    <script charset="utf-8" src="kindeditor/plugins/code/prettify.js" type="text/ecmascript"></script>

 

3.书写javascript，可以参考编辑器自带的样本。（添加第一步的目的是为了防止txtDoc被编译成其他编码。）

<script type="text/ecmascript">
        KindEditor.ready(function (K) {
            var editor1 = K.create('#txtDoc', {
                cssPath: 'kindeditor/plugins/code/prettify.css',
                uploadJson: 'kindeditor/asp.net/upload_json.ashx',
                fileManagerJson: 'kindeditor/asp.net/file_manager_json.ashx',
                allowFileManager: true
            });
            editor1;
            editor1.sync();
            prettyPrint();
        });        
    </script>

4.进行编辑器的引用

 <tr>
                    <td class="style2">
                        内容:
                    </td>
                    <td class="style3">
                        <textarea id="txtDoc" name="txtDoc" cols="100" rows="8" style="width: 700px; height: 200px;
                            visibility: hidden;" runat="server"></textarea>
                    </td>
                </tr>

 

 

5.后台中，对文本编辑器内容的读取

需要借助方法，来解析各种符号等。

Specialchars(this.txtDoc.Value)

 

  public static String Specialchars(String str)
        {
            if (str == "") return "";
            str = str.Replace("&", "&amp;");
            str = str.Replace("<", "&lt;");
            str = str.Replace(">", "&gt;");
            str = str.Replace("\"", "&quot;");
            return str;
        }

 

6.从数据库中进行内容的读取。

同样需要借助方法。

UnescapeHtml（Doc存储的字段）

   public static String UnescapeHtml(String content)
        {
            if (content == "") return "";
            string s = content.Replace("&amp;", "&");
            s = s.Replace("&lt;", "<");
            s = s.Replace("&gt;", ">");
            s = s.Replace("&quot;", "\"");//s.Replace(""","\"")
            return s;
        }

 

7.文本编辑器上传图片的存储路径为;

kindeditor\attached\image\20130713

 会根据当前日期生成文件夹,图片名称为当前时间。

 

 

kindeditor下载：http://download.csdn.net/detail/hugaozhuang/5819369