ASP.NET 사 이 트 는 Kindeditor 부 텍스트 편집기 설정 절 차 를 사용 합 니 다.

1.편집기 다운로드,KindEditor 최신 버 전 다운로드,페이지 다운로드:http://www.kindsoft.net/down.php 2.편집기 압축 풀기 kindeditor-x.x.x.zip 파일 을 배치 하여 editor 폴 더 를 웹 디 렉 터 리 에 복사 합 니 다 3.웹 페이지 에(Validate Request="false")
 
<%@ Page Language="C#" AutoEventWireup="true" ValidateRequest="false" CodeBehind="XXX.cs" Inherits="XXX" %>
4.스 크 립 트 파일 도입(XXX 부분 수정 필요)
 
<!-- ↓ -->
<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 부분 수정 필요)
 
<!-- -->
<textarea id="XXX" name="XXX" runat="server" cols="100" rows="8" style="width:1000px;height:500px;visibility:hidden;"></textarea>
6.자신의 필요 에 따라 설정 수정(파일 경로:웹\editor\asp.net\filemanager_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
{
/// <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(""", "\"");
}
}
데이터베이스 에 삽입 할 때,특수 문자 교체(XXX 부분 수정 필요)
 
HtmlUtil.escapeHtml(Request.Form["XXX"])
데이터베이스 에서 데 이 터 를 읽 을 때 특수 문자 복원(XXX 부분 수정 필요)
 
HtmlUtil.unescapeHtml(XXX)

좋은 웹페이지 즐겨찾기