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
asp.net中使用开源富文本编辑器xhEditor相关推荐
- Vue 中引入markdown富文本编辑器并根据md格式渲染
Vue 中引入markdown富文本编辑器 在vue组件中,比较好用的是mavon-editor,github文档地址 https://github.com/hinesboy/mavonEditor ...
- 在vue3.0项目中使用tinymce富文本编辑器
目录 一.安装 二.完整代码 三.事项说明 四.参考文档 之前看了好几篇关于 vue项目中使用 tinymce的文章, import引入大量 tinymce插件, /node_modules/ti ...
- 学习整理在php中使用KindEditor富文本编辑器
学习整理在php中使用KindEditor富文本编辑器 1.下载编辑器 2.部署kindeditor编辑器 3.在html页面里引入编辑器 4.Ajax提交表单时获取不到 KindEditor 内容 ...
- html富文本编辑器插件_vue中使用vuequilleditor富文本编辑器
点击上方"小姚同学技术栈"快速关注我哟! vue-quill-editor是一个基于quill.适用于vue的富文本编辑器开源项目,支持服务端渲染和单页应用.目前项目热度还算可以, ...
- Vue项目中使用 tinymce 富文本编辑器的方法,附完整源码
来源 | https://blog.csdn.net/xingmeiok/article/deta 1.tinymce相关参考资料 tinymce版资料: http://tinymce.ax-z.cn ...
- 在Vue中使用CKEditor5富文本编辑器
在项目中遇到富文本编辑器需要实现粘贴图片的功能,使用场景:如用户在其他地方截图可以直接在富文本编辑器内粘贴. 找了一圈市面上开源免费的富文本编辑器,最后选中CKEditor.ckeditor doc ...
- Vue中使用vue-quil-editor富文本编辑器+el-upload实现带图片上传到SpringBoot后台接口
场景 系统中经常会用到富文本编辑器,比如新增通知和公告功能,并且需要添加上传图片. vue-quill-editor官网: https://www.npmjs.com/package/vue-quil ...
- django项目中使用KindEditor富文本编辑器
先从官网下载插件,放在static文件下 前端引入 学习python中有什么不懂的地方,小编这里推荐加小编的python学习群:895,817, 687 有任何不懂的都可以在里面交流,还有很好的视频教 ...
- vue中使用quill富文本编辑器
因为公司的需求,对比了线在很火的几款富文本编辑器,最终选定了quill,他够轻量,拓展性也比较高,除了文档是英文的阅读不方便之外,都很适合公司项目.故整理出来,也方便以后使用. 在网上找了一个中文文档 ...
最新文章
- Building for Production
- linux kvm安装windows,Linux下KVM安装windows
- linux redis -p,linux 安装redis
- 配置Nginx来支持php
- python两个编程环境_多个python Behave环境安装文件
- 如何将word表结构转换为excel表格,最终转换为PowerDesigner格式
- (28)状态机概述(第6天)
- 订婚和结婚有什么区别
- FIT2CLOUD飞致云旗下多云管理平台完成华为FusionCompute兼容性测试
- CPU使用率和平均负载的关系
- 将SolidWorks物料清单导出到Excel时可带缩略图了!
- Excel堆积柱形图制作过程
- 北京电影学院及中央戏剧学院老师推荐的必看影片,我真是一条一条翻的,一条一条写的,是真的。...
- 修改linux的ip地址及网关,Linux 修改 IP地址 和 网关
- mysql主从同步报错Fatal error: The slave I/O thread stops because master and slave have equal MySQL server
- 当我们在谈SWIFT时,到底在谈什么?
- R语言Tensorflow安装
- XP系统访问共享提示提示:找不到“”。请检查拼写是否正确……
- Python基础学习第八天
- 学习笔记(符号扩展指令:SXTB和SXTH)
热门文章
- RowMapperT的分析解释
- typescript ts参数展开运算符:形参展开和实参展开及as const的用法示例
- 通过 nginx-lua 给 Nginx 增加 OAuth 支持
- jstack命令详解(linux jstack命令详解)
- chrome浏览器调用摄像头
- LeetCode 1240. 铺瓷砖(深搜剪枝)
- (附源码)基于SSM的自习室管理系统 毕业设计201524
- 阿里云负载均衡SLB网络型NLB负载均衡架构性能详解
- java ios 开发教程_《iOS开发60分钟入门》
- c语言课程设计fir滤波器设计,fir滤波器设计c语言