ASP.NET使用富文本控件KindEditor（一步到位，亲…
2018-06-22 07:48:26来源：未知 阅读 ()
１、将解压后的“KindEditor”文件夹复制到项目的根目录（此KindEditor文件夹已经经过优化）
下载地址为： http://pan.baidu.com/s/1eS1PRii
２、在<head>标签中引入KindEditor外部样式表文件和必需的外部js文件。如下所示：
<!--引入样式表-->
<link rel="stylesheet" href="../kindeditor/themes/default/default.css" />
<link rel="stylesheet" href="../kindeditor/plugins/code/prettify.css" />
<!--引入外部的js文件-->
<script type="text/javascript" charset="utf-8" src="../kindeditor/plugins/code/prettify.js"></script>
<script type="text/javascript" charset="utf-8" src="../kindeditor/kindeditor-min.js"></script>
<script type="text/javascript" charset="utf-8" src="../kindeditor/lang/zh_CN.js"></script>
３、插入多行文本框服务器控件（Textbox，注意将其属性TextMode设为MutiLine），产生的标记如下所示：
<asp:TextBox ID="txtCont" runat="server" TextMode="MultiLine" Rows="5"></asp:TextBox>
记住这个控件的ID，在下一步的js代码里要使用
４、在<head>标记里插入<script>标记并写js 代码
<!--启动KindEditor插件，将普通多行文本框变成富文本-->
<script type="text/javascript">
KindEditor.ready(function(K) {
var editor1 = K.create('#txtCont', {//注意此处的ID和上一步的ID保持一致
cssPath: '../kindeditor/plugins/code/prettify.css',
uploadJson: '../kindeditor/asp.net/upload_json.ashx',
fileManagerJson: '../kindeditor/asp.net/file_manager_json.ashx',
allowFileManager: true,
afterCreate: function() {
var self = this;
K.ctrl(document, 13, function() {
self.sync();
K('form[name=example]')[0].submit();
});
K.ctrl(self.edit.doc, 13, function() {
self.sync();
K('form[name=example]')[0].submit();
});
}
});
prettyPrint();
});
</script>
５、将“\kindeditor\asp.net\bin\LitJSON.dll”文件复制到项目根目录下“bin”目录中。
说明：“LitJSON.dll”是一个编译过的程序集文件，只有在它的支持下，我们才能使用上传图片等高级功能。
６、在aspx文件的开头的Page指令里增加一个属性：ValidateRequest="false"
这样做的目的就是可以提交带标记的内容，如果不加该属性，系统基于安全性考虑，会禁止这种非法的请求。
７、完成
测试一下，表情、上传图片、链接、地图、视频等。如果成功，给我点个赞！
标签：
版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有
- asp.net源程序编译为dll文件并调用的实现过程 2020-03-29
- Asp.net MVC SignalR来做实时Web聊天实例代码 2020-03-29
- ASP.NET MVC中jQuery与angularjs混合应用传参并绑定数据 2020-03-29
- Asp.Net中WebForm的生命周期 2020-03-29
- ASP.NET使用Ajax返回Json对象的方法 2020-03-23
IDC资讯： 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营： 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程： Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术： Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧： 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作： FrontPages Dreamweaver Javascript css photoshop fireworks Flash
