Asp. NET Web site using the Kindeditor Rich Text editor configuration steps

1. Download the editor
Download kindeditor latest version, download page: http://www.kindsoft.net/down.php

2. Deployment Editor
Unzip the Kindeditor-x.x.x.zip file and copy the Editor folder to the Web directory

3. Add (validaterequest= "false") to the webpage

1 <%@ page language="C #" autoeventwireup="true" validaterequest="false" codebehind="XXX.cs" Inherits ="XXX"

4, the introduction of script files (XXX part needs to be modified)

1<!--Rich Text editor configuration ↓-->2<link type="Text/css"Rel="stylesheet"href=".. /editor/themes/default/default.css"/>3<link rel="stylesheet"href=".. /editor/plugins/code/prettify.css"/>4<script type="Text/javascript"charset="Utf-8"Src=".. /editor/kindeditor-min.js"></script>5<script type="Text/javascript"charset="Utf-8"Src=".. /editor/lang/zh_cn.js"></script>6<script type="Text/javascript"charset="Utf-8"Src=".. /editor/plugins/code/prettify.js"></script>7<script type="Text/javascript">8 Kindeditor.ready (function (K) {9 varEditor1 = K.create ('#XXX', { Ten items: [ One 'FontName','fontsize','|','ForeColor','Hilitecolor','Bold','Italic','Underline',  A 'Removeformat','Strikethrough','lineheight','|','Justifyleft','Justifycenter','Justifyright','insertorderedlist',  - 'insertunorderedlist','|','Emoticons','Link','InsertFile','Media','|','Image','Multiimage','Map','Baidumap','|','Preview','fullscreen',  - ],  theCsspath:'.. /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 () { + varSelf = This;  AK.ctrl (document, -, function () { at Self.sync (); -K'Form[name=xxx]')[0].submit ();  - });  -K.ctrl (Self.edit.doc, -, function () { - Self.sync (); -K'Form[name=xxx]')[0].submit ();  in });  - }  to });  + Prettyprint (); - });  the</script> *<!--Rich Text editor configuration ↑-->

5, using the editor (XXX part needs to be modified)

1 2 <textarea id="xxx" name="xxx " runat= " Server " cols= " "rows="8" style="  Width:1000px;height:500px;visibility:hidden; "

6, according to their own needs to modify the configuration (file path: web\editor\asp.net\file_manager_json.ashx)

1 //root directory path, relative path2String RootPath =".. /.. /"; 3 //root directory URL, you can specify an absolute path4String Rooturl = Aspxurl +".. /attached/"; 5 //Picture Extension6String filetypes ="gif,jpg,jpeg,png,bmp";

7, Backstage get editor content (XXX part needs to modify)

1 request.form["XXX"]

Due to server-side programs (ASP, PHP, ASP. NET, etc.), you must convert the HTML special characters (>,<,&, "), so I wrote a tool class

1  Public classHtmlutil2  { 3         /// <summary> 4         ///Replace HTML special characters5         /// </summary> 6         /// <param name= "content" ></param> 7         /// <returns></returns> 8          Public Staticstring escapehtml (string content)9         { Ten            returnContent. Replace ("&","&"). Replace ("<","<"). Replace (">",">"). Replace ("\"",""");  One         }  A         /// <summary>  -         ///Restore HTML special characters -         /// </summary>  the         /// <param name= "content" ></param>  -         /// <returns></returns>  -          Public Staticstring unescapehtml (string content) -         {  +             returnContent. Replace ("&","&"). Replace ("<","<"). Replace (">",">"). Replace (""", "\"");  -         }  +}

Replace special characters when inserting to the database (XXX section needs to be modified)

1 htmlutil.escapehtml (request.form["XXX"])

Special characters to be restored when reading data from the database (XXX section needs to be modified)

1 htmlutil.unescapehtml (XXX)

Asp. NET Web site using the Kindeditor Rich Text editor configuration steps