以前一直用FCK编辑器,因为配置比较简单,但是发现Kindeditor这个编辑器更加好看,更加灵活,就用了下。

但是发现在上传文件的时候,出现了大问题,弄了我好久的时间,为了记录下,或许能帮助到您,共勉!

这里是官方网站,你可以去下载,查看相关文档。

http://kindeditor.net/

我做了个简单的界面,方便测试。

首先拷贝所有文件夹到工程目录下;

拖了个简单的界面,代码如下,

<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent">
<script src="kindeditor-4.1.10/kindeditor.js" type="text/javascript"></script>
<script src="kindeditor-4.1.10/lang/zh_CN.js" type="text/javascript"></script>
<link href="kindeditor-4.1.10/plugins/code/prettify.css" rel="stylesheet" type="text/css" />
<script src="kindeditor-4.1.10/plugins/code/prettify.js" type="text/javascript"></script>
<script type="text/javascript">
KindEditor.ready(function (K) { editor = K.create('textarea', {
allowImageUpload: true,
// uploadJson: 'kindeditor-4.1.10/asp.net/upload_json.ashx',
fileManagerJson: 'kindeditor-4.1.10/asp.net/file_manager_json.ashx', //上传文件后执行的回调函数,获取上传图片的路径
afterUpload: function (url) {
alert(url);
},
//编辑器高度
width: '700px',
//编辑器宽度
height: '450px;'
}); }); function save() {
editor.sync();
var html = document.getElementById("txtContent").value;
document.getElementById("<%=hdtxtContent.ClientID%>").value = html;
}
</script>
<input id="hdtxtContent" type="hidden" runat="server" />
<table width="100%" cellpadding="" cellspacing="" align="center">
<tr>
<td class="style1">
文章分类:
</td>
<td>
<asp:DropDownList ID="ddlSort" runat="server">
<asp:ListItem>国际新闻</asp:ListItem>
<asp:ListItem>国内新闻</asp:ListItem>
<asp:ListItem>四川新闻</asp:ListItem>
</asp:DropDownList>
</td>
</tr>
<tr>
<td class="style1">
文章标题:
</td>
<td>
<asp:TextBox ID="txtTitle" runat="server" Width="500px"></asp:TextBox>
</td>
</tr>
<tr>
<td class="style1">
文章内容:
</td>
<td>
<%-- <asp:TextBox ID="content" name="content" TextMode="MultiLine" runat="server"></asp:TextBox>--%>
<textarea id="txtContent" name="nmtxtContent" style="width: 700px; height: 200px;
visibility: hidden;"></textarea>
</td>
</tr>
<tr>
<td>
</td>
<td>
<asp:Button ID="btnOK" runat="server" Text="提交" OnClick="btnOK_Click" OnClientClick="save();" />
</td>
</tr>
</table>
</asp:Content>

界面就出来了

当我上传图片时,发现有问题。

当点击确定时:

看起来很简单的问题,花了我好久的时间,不过大多数应该是自己的配置问题。

解决方法就是添加下面2行代码。

                uploadJson: 'kindeditor-4.1.10/asp.net/upload_json.ashx',
fileManagerJson: 'kindeditor-4.1.10/asp.net/file_manager_json.ashx',

这两句代码非常关键,注意开始的时候我是注释第一句代码的,所以找不到路径,默认是php的,我们这是Asp.net,不支持php,这里就报错。

我有个问题就是,当我们存储长篇的内容到数据库时,可能包括图片,我们怎么存储比较好,二进制?还是直接字符存储?

字符是比较占空间的,二进制转换比较麻烦。

特别提示:当插入的时候会出现
 
“检测到有潜在危险的 Request.Form 值.”这个错误提示
 
莫急:
 
vs2008解决方法,如下,任选一,
 
vs2010解决方法,需要下面两个都写入。
 
 
 
解决方案一: 
在.aspx文件头中加入这句: 
<%@ Page validateRequest="false"  %> 
 
解决方案二: 
修改web.config文件: 
 
<configuration>
<system.web>
<httpRuntime requestValidationMode="3.5"/>
<pages validateRequest="false" />
</system.web>
</configuration>
因为validateRequest默认值为true。只要设为false即可。

KindEditor 上传文件 在Asp.net中的使用的更多相关文章

  1. Flash上传文件(结合asp.net)

    一.实现原理.在某些场合,我们需要使用Flash进行“文件上传”,原因是Flash 能制作出表现力丰富的UI界面. (自负又孤陋寡闻的我在这里做一个补充:Flash使用flash.net包中的File ...

  2. KindEditor 上传文件

    Jsp页面代码: <script> var editor; KindEditor.ready(function(K) { editor = K.create('textarea[name= ...

  3. MapReduce中使用SequenceFile的方式上传文件到集群中

    如果有很多的小文件,上传到HDFS集群,每个文件都会对应一个block块,一个block块的大小默认是128M,对于很多的小文件来说占用了非常多的block数量,就会影响到内存的消耗, MapRedu ...

  4. HTML <input type="file">上传文件——结合asp.net的一个文件上传示例

    HTML的代码:(关键是要在form里设置enctype="multipart/form-data",这样才能在提交表单时,将文件以二进制流的形式传输到服务器) 一. <fo ...

  5. kindeditor上传文件的使用

    在线富文本编辑器kindeditor配置(.Net Framework 3.5)   下载地址:http://kindeditor.net/down.php 解压放在项目要目录下, 在Bin目录下添加 ...

  6. node上传文件并在网页中展示

    一.需求 1.当用户请求http://domain/start时,可以看到一个欢迎页面,页面上有一个文件上传的表单. 2.用户可以选择一个图片并提交表单,随后文件将被上传到http://domain/ ...

  7. 直接远程下载或上传文件到linux系统中的简单办法

    如果执行sz 或者rz 没有这个命令,则安装lrzsz包执行:yum install lrzsz 等待安装完毕,然后一直输入Y即可. sz:将选定的文件发送(send)到本地机器 -a 以文本方式传输 ...

  8. Ajax上传文件到C#Action中

      引用js文件包:jquery.form.js可以下载 http://malsup.com/jquery/form/#download <script src="script/jqu ...

  9. WIN7系统 如何上传文件到FTP服务器中

    https://zhidao.baidu.com/question/214644671.html

随机推荐

  1. HDU-1163 Eddy's digital Roots(九余数定理)

    Eddy's digital Roots Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 65536/32768 K (Java/Oth ...

  2. Java GUI编程中AWT/swing/SWT的优缺点

    http://www.cnblogs.com/dugang/archive/2010/10/22/1858478.html AWT AWT是Abstract Window Toolkit(抽象窗口工具 ...

  3. C# Winform程序以及窗体运行的唯一性汇总

    经常看到有人讨论程序运行唯一性或者窗体运行的唯一性问题.我之前也写了一些文章,在此把它进行整理汇总. 如果是程序的唯一性问题,我之前的一篇文章已经写得很全面,可以参看. C# Winform如何使自己 ...

  4. PL/SQL Developer 一段时间后变慢,且导致数据库CPU100%的问题(转)

    参考: 一段时间不用plsql developer之后重新使用会变得很慢 plsql developer连接数据库导致服务器cpu升高的案例 1.pl/sql dev 变慢的问题,建议设置如下 2. ...

  5. Ajax中Delete请求参数 后台无法获取的解决方法(Restful风格)

    方法一: 在ajax中写入data来传参时,直接把参数拼接到url后面 例如: $.ajax({ url: '/cyberspace/vrv/event/delete/1002?startTime=& ...

  6. response.setHeader的各种用法 ------ 笔记(一)

    转载地址:https://blog.csdn.net/junmoxi/article/details/76976692 1.一秒刷新页面一次 response.setHeader("refr ...

  7. JavaScript学习总结(十八)——JavaScript获取浏览器类型与版本

    从网上找到一段使用JavaScript判断浏览器以及浏览器版本的比较好的代码,在此记录一下: 1 <script type="text/javascript"> 2 v ...

  8. jsp jsp的基本语法

    jsp模板元素  jsp页面中的HTML 内容称为JSP模板元素  jsp模板元素定义了网页的基本骨架,即定义了页面结构和外观 jsp表达式   jsp脚本表达式用于将程序数据输出到客户端   语法& ...

  9. httpclient cookie使用介绍

    COOKIE的处理 session的保持是通过cookie来维持的,所以如果用户有勾选X天免登陆,这个session就X天内一直有效,就是通过这个cookie来维持. 如果没有选中x天免登陆,基本上就 ...

  10. HeadFirstJava

    java执行过程的来龙去脉 源代码——编译器——输出——java虚拟机 扩展名为.java ——扩展名为.class 不要直接用类名点变量来改变属性值,一般都用get.set方法.封装的基本原则:将你 ...