1. 下載編輯器
下載 KindEditor 最新版本，下載頁(yè)面: http://www.kindsoft.net/down.php
2. 部署編輯器
解壓 kindeditor-x.x.x.zip 文件，將editor文件夾復(fù)制到web目錄下
3、在網(wǎng)頁(yè)中加入(ValidateRequest="false")
復(fù)制代碼 代碼如下:
%@ Page Language="C#" AutoEventWireup="true" ValidateRequest="false" CodeBehind="XXX.cs" Inherits="XXX" %>
4、引入腳本文件（XXX部分需要修改）
復(fù)制代碼 代碼如下:
!--富文本編輯器配置↓ -->
link type="text/css" rel="stylesheet" href="../editor/themes/default/default.css" />
link rel="stylesheet" href="../editor/plugins/code/prettify.css" />
script type="text/javascript" charset="utf-8" src="../editor/kindeditor-min.js">/script>
script type="text/javascript" charset="utf-8" src="../editor/lang/zh_CN.js">/script>
script type="text/javascript" charset="utf-8" src="../editor/plugins/code/prettify.js">/script>
script type="text/javascript">
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();
});
/script>
!--富文本編輯器配置↑-->
5、使用編輯器（XXX部分需要修改）
復(fù)制代碼 代碼如下:
!--富文本編輯器-->
textarea id="XXX" name="XXX" runat="server" cols="100" rows="8" style="width:1000px;height:500px;visibility:hidden;">/textarea>
6、根據(jù)自己的需要修改配置（文件路徑：web\editor\asp.net\file_manager_json.ashx）
復(fù)制代碼 代碼如下:
//根目錄路徑，相對(duì)路徑
String rootPath = "../../";
//根目錄URL，可以指定絕對(duì)路徑
String rootUrl = aspxUrl + "../attached/";
//圖片擴(kuò)展名
String fileTypes = "gif,jpg,jpeg,png,bmp";
7、后臺(tái)獲取編輯器內(nèi)容（XXX部分需要修改）
復(fù)制代碼 代碼如下:
Request.Form["XXX"]
由于服務(wù)器端程序(ASP、PHP、ASP.NET等)直接顯示內(nèi)容，則必須轉(zhuǎn)換HTML特殊字符(>,,,”)，所以寫(xiě)了個(gè)工具類
復(fù)制代碼 代碼如下:
public class HtmlUtil
{
/// summary>
/// 替換HTML特殊字符
/// /summary>
/// param name="content">/param>
/// returns>/returns>
public static String escapeHtml(String content)
{
return content.Replace("", "")
.Replace("", "")
.Replace(">", ">")
.Replace("\"", """);
}
/// summary>
/// 還原HTML特殊字符
/// /summary>
/// param name="content">/param>
/// returns>/returns>
public static String unescapeHtml(String content)
{
return content.Replace("", "")
.Replace("", "")
.Replace(">", ">")
.Replace(""", "\"");
}
}
往數(shù)據(jù)庫(kù)插入時(shí)，進(jìn)行替換特殊字符（XXX部分需要修改）
復(fù)制代碼 代碼如下:
HtmlUtil.escapeHtml(Request.Form["XXX"])
從數(shù)據(jù)庫(kù)讀取數(shù)據(jù)時(shí)，進(jìn)行還原特殊字符（XXX部分需要修改）
復(fù)制代碼 代碼如下:
HtmlUtil.unescapeHtml(XXX)
您可能感興趣的文章:- Win10中VC2013安裝Unit test組件出現(xiàn)問(wèn)題解決方案
- Unity3d獲取系統(tǒng)時(shí)間
- unity3d調(diào)用手機(jī)或電腦攝像頭
- Unity3D動(dòng)態(tài)對(duì)象優(yōu)化代碼分享
- Unity3D中腳本的執(zhí)行順序和編譯順序
- asp.net ckeditor編輯器的使用方法
- ASP.NET中FCKEDITOR在線編輯器的用法
- VS2017做為Unity3D的腳本編輯器需要的最精簡(jiǎn)組件
