第一次使用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即可