asp.net中使用开源富文本编辑器xhEditor

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

 

转载于:https://www.cnblogs.com/CoChe/p/xheditor1_1_14.html