初次使用kindeditor4.0到asp.net中的经验
2012-01-04 09:00
323 查看
第一次使用kindeditor让我有些措手不及,完全不知道该如何使用这个文本编辑器,在网上找了很多的资料也都没有得到解答,不过现在算是能在页面上显示了,但是获取其中的内容还是有些问题。下面谈谈我如何配置这个纯js的文件到我的网站中的吧!
1、找到kindeditor文件夹下的asp.net文件夹,其中有一个叫demo.aspx的文件,打开它我们可以发现这个文件就是一个给了一个如何配置kindeditor到asp.net中的实例,具体内容如下:
<%@ Page Language="C#" AutoEventWireup="true" validateRequest="false" %>
<script runat="server">
protected void Page_Load(object sender, EventArgs e)
{
this.Label1.Text = Request.Form["content1"];
}
</script>
<!doctype html>
<html>
<head runat="server">
<meta charset="utf-8" />
<title>KindEditor ASP.NET</title>
<link rel="stylesheet" href="../themes/default/default.css" />
<link rel="stylesheet" href="../plugins/code/prettify.css" />
<script charset="utf-8" src="../kindeditor.js"></script>
<script charset="utf-8" src="../lang/zh_CN.js"></script>
<script charset="utf-8" src="../plugins/code/prettify.js"></script>
<script>
KindEditor.ready(function(K) {
var editor1 = K.create('#content1', {
cssPath : '../plugins/code/prettify.css',
uploadJson : '../asp.net/upload_json.ashx',
fileManagerJson : '../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>
</head>
<body>
<asp:Label ID="Label1" runat="server" Text=""></asp:Label>
<form id="example" runat="server">
<textarea id="content1" cols="100" rows="8" style="width:700px;height:200px;visibility:hidden;" runat="server"></textarea>
<br />
<asp:Button ID="Button1" runat="server" Text="提交内容" /> (提交快捷键: Ctrl + Enter)
</form>
</body>
</html>
2、但是我们需要注意的是,将上诉代码复制到我们的网站中的时候必须保证各个文件的路劲正确,才能让脚本正确的执行
3、为了解决在编辑器中输入内容出现问题,我们还是需要将@page指令中添加validatarequest属性设为false,同时修改web.config文件中httpruntime节点的validatarequstionmode的值为2.0即可
1、找到kindeditor文件夹下的asp.net文件夹,其中有一个叫demo.aspx的文件,打开它我们可以发现这个文件就是一个给了一个如何配置kindeditor到asp.net中的实例,具体内容如下:
<%@ Page Language="C#" AutoEventWireup="true" validateRequest="false" %>
<script runat="server">
protected void Page_Load(object sender, EventArgs e)
{
this.Label1.Text = Request.Form["content1"];
}
</script>
<!doctype html>
<html>
<head runat="server">
<meta charset="utf-8" />
<title>KindEditor ASP.NET</title>
<link rel="stylesheet" href="../themes/default/default.css" />
<link rel="stylesheet" href="../plugins/code/prettify.css" />
<script charset="utf-8" src="../kindeditor.js"></script>
<script charset="utf-8" src="../lang/zh_CN.js"></script>
<script charset="utf-8" src="../plugins/code/prettify.js"></script>
<script>
KindEditor.ready(function(K) {
var editor1 = K.create('#content1', {
cssPath : '../plugins/code/prettify.css',
uploadJson : '../asp.net/upload_json.ashx',
fileManagerJson : '../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>
</head>
<body>
<asp:Label ID="Label1" runat="server" Text=""></asp:Label>
<form id="example" runat="server">
<textarea id="content1" cols="100" rows="8" style="width:700px;height:200px;visibility:hidden;" runat="server"></textarea>
<br />
<asp:Button ID="Button1" runat="server" Text="提交内容" /> (提交快捷键: Ctrl + Enter)
</form>
</body>
</html>
2、但是我们需要注意的是,将上诉代码复制到我们的网站中的时候必须保证各个文件的路劲正确,才能让脚本正确的执行
3、为了解决在编辑器中输入内容出现问题,我们还是需要将@page指令中添加validatarequest属性设为false,同时修改web.config文件中httpruntime节点的validatarequstionmode的值为2.0即可
相关文章推荐
- DevExpress ASP.NET 使用经验谈(7)-ASPxTreeList控件使用
- ASP.NET开发经验 --- 使用 GUID 值来作为数据库行标识
- 使用 URLRewriter 重写 asp.net 网址 经验
- asp.net Forms表单验证 使用经验及验证流程分析
- DevExpress ASP.NET 使用经验谈(1)-XPO模型的创建
- 一些使用ASP.NET和VISUAL STUDIO.NET2003的经验和技巧
- IIS中使用ASP.NET MVC的经验总结
- DevExpress ASP.NET 使用经验谈(5)-通过ASPxGridView实现CRUD操作
- DevExpress ASP.NET 使用经验谈(1)-XPO模型的创建
- IIS中使用ASP.NET MVC的经验总结
- asp.net Forms表单验证 使用经验及验证流程分析
- IIS中使用ASP.NET MVC的经验总结
- "[转]以下一些使用ASP.NET和VS.NET2003的经验和技巧," 一文的评论:
- DevExpress ASP.NET 使用经验谈(2)-XPO对象的使用(使用默认数据连接)
- 以下一些使用ASP.NET和VISUAL STUDIO.NET2003的经验和技巧
- Asp.net 2.0 WebPart使用经验点滴
- DevExpress ASP.NET 使用经验谈(3)-XPO对象的使用(使用指定数据连接)
- DevExpress ASP.NET 使用经验谈(9)- Dev控件客户端事件 ClientSideEvents
- asp.net GridView使用access数据库个人经验090203
- DevExpress ASP.NET 使用经验谈(9)-Dev控件客户端事件 ClientSideEvents