1.首先下载xhEditor源代码文件,这里附上两个不同版本的源代码文件。本教程使用1.1.14版本
自行下载版本
2.在VS中新建解决方案,创建一个Web页面(MVC页面也可),新建两个文件夹。一个是update文件夹,一个是xhEditor文件夹。
3.解压xheditor源码包,将里面的下列文件复制进去。upload.aspx and saveremoteimg.aspx 这两个文件在demos文件夹中。
4.修改update.aspx and saveremoteimg.aspx中的代码:
用到上传文件,图片,flash,媒体文件等,修改update.aspx文件中的字段信息
如果用到远程截图,可以修改saveremoteimg.aspx中的字段信息:
5.打开新建的Web.aspx页面,编辑。
5.1引用js文件:
5.2在页面中放入textarea空间(或者其他)
5.3配置textarea的控件信息
5.4 这样就可以在页面上显示了
上次图片
上传视频,上传flash文件,上传附件方法同上。
6.可通过调整rows来调整编辑框的高度
其他:
7.下面加入一个按钮,将xheditor编辑框中的信息显示在页面上。
7.1 当在编辑器中上传图片时,点击button按钮,就会危险警告。
解决:
1.
此时在页面中的<%@page 中加上: validateRequest="false"
有两种方法
方法一:
修改Web.Config文件:
<configuration>
<system.web>
<pages validateRequest="false" />
</system.web>
</configuration>
方法二:
在.aspx页面中添加:
<%@ Page validateRequest="false" %>
但还是不行.我就郁闷了.后来一想.原来我用的是.net 4.0 还需要在web.config里面加一句
<configuration>
<system.web>
<httpRuntime requestValidationMode="2.0" />
</system.web>
</configuration>
解决后:
7.2 上传大视频文件时,报错。
在web.config文件中加入:
参考文献:
asp.net中使用xhEditor
http://blog.csdn.net/lwkhehe/article/details/8001819
http://www.cnblogs.com/xionghui/archive/2012/05/05/2485412.html
java中使用xheditor
http://www.oschina.net/question/54100_9298
设置iis上传文件的大小限制:http://www.cnblogs.com/henryhappier/archive/2010/09/20/1832098.html
http://www.cnblogs.com/Peter-Zhang/archive/2011/09/17/2179509.html