1. 下載編輯器

下載 KindEditor 最新版本，下載頁面: http://www.kindsoft.net/down.php

2. 部署編輯器

解壓 kindeditor-x.x.x.zip 文件，將editor文件夾復制到web目錄下

3、在網頁中加入(ValidateRequest="false")

4、引入腳本文件(XXX部分需要修改)

KindEditor.ready(function (K) {

var editor1 = K.create('#XXX', {

items: [

'fontname', 'fontsize', '|', 'forecolor', 'hilitecolor', 'bold', 'italic', 'underline',

'removeformat', 'strikethrough', 'lineheight', '|', 'justifyleft', 'justifycenter', 'justifyright', 'insertorderedlist',

'insertunorderedlist', '|', 'emoticons', 'link', 'insertfile', 'media', '|', 'image', 'multiimage', 'map', 'baidumap', '|', 'preview', 'fullscreen',

],

cssPath: '../editor/plugins/code/prettify.css',

uploadJson: '../editor/asp.net/upload_json.ashx',

fileManagerJson: '../editor/asp.net/file_manager_json.ashx',

allowFileManager: true,

pasteType: 1,

afterCreate: function () {

var self = this;

K.ctrl(document, 13, function () {

self.sync();

K('form[name=XXX]')[0].submit();

});

K.ctrl(self.edit.doc, 13, function () {

self.sync();

K('form[name=XXX]')[0].submit();

});

}

});

prettyPrint();

});

5、使用編輯器(XXX部分需要修改)

6、根據自己的需要修改配置(文件路徑：web\editor\asp.net\file_manager_json.ashx)

//根目錄路徑，相對路徑

String rootPath = "../../";

//根目錄URL，可以指定絕對路徑

String rootUrl = aspxUrl + "../attached/";

//圖片擴展名

String fileTypes = "gif,jpg,jpeg,png,bmp";

7、后臺獲取編輯器內容(XXX部分需要修改)

Request.Form["XXX"]

由于服務器端程序(ASP、PHP、ASP.NET等)直接顯示內容，則必須轉換HTML特殊字符(>,

public class HtmlUtil

{

///

/// 替換HTML特殊字符

///

///

///

public static String escapeHtml(String content)

{

return content.Replace("&", "&")

.Replace("

.Replace(">", ">")

.Replace("\"", """);

}

///

/// 還原HTML特殊字符

///

///

///

public static String unescapeHtml(String content)

{

return content.Replace("&", "&")

.Replace("

.Replace(">", ">")

.Replace(""", "\"");

}

}

往數據庫插入時，進行替換特殊字符(XXX部分需要修改)

HtmlUtil.escapeHtml(Request.Form["XXX"])

從數據庫讀取數據時，進行還原特殊字符(XXX部分需要修改)

HtmlUtil.unescapeHtml(XXX)