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

asp.net中使用开源富文本编辑器xhEditor相关推荐

  1. Vue 中引入markdown富文本编辑器并根据md格式渲染

    Vue 中引入markdown富文本编辑器 在vue组件中,比较好用的是mavon-editor,github文档地址 https://github.com/hinesboy/mavonEditor ...

  2. 在vue3.0项目中使用tinymce富文本编辑器

    目录 一.安装 二.完整代码 三.事项说明 四.参考文档   之前看了好几篇关于 vue项目中使用 tinymce的文章, import引入大量 tinymce插件, /node_modules/ti ...

  3. 学习整理在php中使用KindEditor富文本编辑器

    学习整理在php中使用KindEditor富文本编辑器 1.下载编辑器 2.部署kindeditor编辑器 3.在html页面里引入编辑器 4.Ajax提交表单时获取不到 KindEditor 内容 ...

  4. html富文本编辑器插件_vue中使用vuequilleditor富文本编辑器

    点击上方"小姚同学技术栈"快速关注我哟! vue-quill-editor是一个基于quill.适用于vue的富文本编辑器开源项目,支持服务端渲染和单页应用.目前项目热度还算可以, ...

  5. Vue项目中使用 tinymce 富文本编辑器的方法,附完整源码

    来源 | https://blog.csdn.net/xingmeiok/article/deta 1.tinymce相关参考资料 tinymce版资料: http://tinymce.ax-z.cn ...

  6. 在Vue中使用CKEditor5富文本编辑器

    在项目中遇到富文本编辑器需要实现粘贴图片的功能,使用场景:如用户在其他地方截图可以直接在富文本编辑器内粘贴. 找了一圈市面上开源免费的富文本编辑器,最后选中CKEditor.ckeditor  doc ...

  7. Vue中使用vue-quil-editor富文本编辑器+el-upload实现带图片上传到SpringBoot后台接口

    场景 系统中经常会用到富文本编辑器,比如新增通知和公告功能,并且需要添加上传图片. vue-quill-editor官网: https://www.npmjs.com/package/vue-quil ...

  8. django项目中使用KindEditor富文本编辑器

    先从官网下载插件,放在static文件下 前端引入 学习python中有什么不懂的地方,小编这里推荐加小编的python学习群:895,817, 687 有任何不懂的都可以在里面交流,还有很好的视频教 ...

  9. vue中使用quill富文本编辑器

    因为公司的需求,对比了线在很火的几款富文本编辑器,最终选定了quill,他够轻量,拓展性也比较高,除了文档是英文的阅读不方便之外,都很适合公司项目.故整理出来,也方便以后使用. 在网上找了一个中文文档 ...

最新文章

  1. Building for Production
  2. linux kvm安装windows,Linux下KVM安装windows
  3. linux redis -p,linux 安装redis
  4. 配置Nginx来支持php
  5. python两个编程环境_多个python Behave环境安装文件
  6. 如何将word表结构转换为excel表格,最终转换为PowerDesigner格式
  7. (28)状态机概述(第6天)
  8. 订婚和结婚有什么区别
  9. FIT2CLOUD飞致云旗下多云管理平台完成华为FusionCompute兼容性测试
  10. CPU使用率和平均负载的关系
  11. 将SolidWorks物料清单导出到Excel时可带缩略图了!
  12. Excel堆积柱形图制作过程
  13. 北京电影学院及中央戏剧学院老师推荐的必看影片,我真是一条一条翻的,一条一条写的,是真的。...
  14. 修改linux的ip地址及网关,Linux 修改 IP地址 和 网关
  15. mysql主从同步报错Fatal error: The slave I/O thread stops because master and slave have equal MySQL server
  16. 当我们在谈SWIFT时,到底在谈什么?
  17. R语言Tensorflow安装
  18. XP系统访问共享提示提示:找不到“”。请检查拼写是否正确……
  19. Python基础学习第八天
  20. 学习笔记(符号扩展指令:SXTB和SXTH)

热门文章

  1. RowMapperT的分析解释
  2. typescript ts参数展开运算符:形参展开和实参展开及as const的用法示例
  3. 通过 nginx-lua 给 Nginx 增加 OAuth 支持
  4. jstack命令详解(linux jstack命令详解)
  5. chrome浏览器调用摄像头
  6. LeetCode 1240. 铺瓷砖(深搜剪枝)
  7. (附源码)基于SSM的自习室管理系统 毕业设计201524
  8. 阿里云负载均衡SLB网络型NLB负载均衡架构性能详解
  9. java ios 开发教程_《iOS开发60分钟入门》
  10. c语言课程设计fir滤波器设计,fir滤波器设计c语言