源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

ASP.NET网站使用Kindeditor富文本编辑器配置步骤

  • 时间:2020-11-05 16:26 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:ASP.NET网站使用Kindeditor富文本编辑器配置步骤
[b]1. 下载编辑器[/b] 下载 KindEditor 最新版本,下载页面: http://www.kindsoft.net/down.php [b]2. 部署编辑器[/b] 解压 kindeditor-x.x.x.zip 文件,将editor文件夹复制到web目录下 [img]http://files.jb51.net/file_images/article/201306/201306061730495.gif?201356173113[/img]   [b]3、在网页中加入(ValidateRequest="false")[/b]
[url=../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> <!--富文本编辑器配置↑-->
[b]5、使用编辑器(XXX部分需要修改)[/b] [b]6、根据自己的需要修改配置[/b](文件路径:web\editor\asp.net\file_manager_json.ashx)
[u]复制代码[/u] 代码如下:
//根目录路径,相对路径 String rootPath = "../../"; //根目录URL,可以指定绝对路径 String rootUrl = aspxUrl + "../attached/"; //图片扩展名 String fileTypes = "gif,jpg,jpeg,png,bmp";
[b]7、后台获取编辑器内容[/b](XXX部分需要修改)
[u]复制代码[/u] 代码如下:
Request.Form["XXX"]
由于服务器端程序(ASP、PHP、ASP.NET等)直接显示内容,则必须转换HTML特殊字符(>,<,&,”),所以写了个工具类
[u]复制代码[/u] 代码如下:
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部分需要修改)
[u]复制代码[/u] 代码如下:
HtmlUtil.escapeHtml(Request.Form["XXX"])
从数据库读取数据时,进行还原特殊字符(XXX部分需要修改)
[u]复制代码[/u] 代码如下:
HtmlUtil.unescapeHtml(XXX)
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部