asp.net mvc4使用百度ueditor编辑器
来源:互联网 发布:java web架构设计 编辑:程序博客网 时间:2024/05/16 14:34
前言
配置.net mvc4项目使用ueditor编辑器,在配置过程中遇见了好几个问题,以此来记录解决办法。编辑器可以到http://ueditor.baidu.com/website/download.html#ueditor处下载.net 的开发包,如下图,我下载的是1.2.6.1net版本的开发包。
配置:
1、将开发包放到mvc4项目中,在我的项目中我放到了Content目录下
2、在模板页中引入js和样式文件:
3、在页面中配置初始化编辑器,在页面中配置textarea显示为编辑器,编辑器更多的参数设置可参考ueditor.config.js里面的配置说明:
@using(Html.BeginForm()){ <textarea id="editor" name="editor"></textarea> <input type="submit" value="提交" />}@section scripts{ <script type="text/javascript"> var editor = new baidu.editor.ui.Editor({ UEDITOR_HOME_URL: '/Content/ueditor/',//配置编辑器路径 iframeCssUrl: '/Content/ueditor/themes/iframe.css',//样式路径 initialContent: '欢迎使用ueditor',//初始化编辑器内容 autoHeightEnabled: true,//高度自动增长 minFrameHeight:500//最小高度 }); editor.render('editor'); </script> }
到这一步正常情况下,页面已经显示出编辑器的样子了,如图:
4、解决图片上传问题,通过查看ueditor的配置文件及imageUp.ashx很明显的可以发现编辑器会把图片放到uditor/net/upload或upload1文件夹,若不存在则创建文件夹,此时上传图片会出现网络连接错误的提示,通过F12查看错误如图
查看Uploader文件默认属性为编译,将其属性改为内容以后重新运行程序,图片上传成功,如下图:
5、解决表单提交错误提示问题,从.Net Framework 4.0 开始,ASP.NET开始强制检测Request参数安全,直接提交会出现如下错误,
这个问题在后台action标记[ValidateInput(false)]来解决,如图:
6、编辑器等内容我们可以通过FormCollection来接收,从而实现内容保存,处理图片等相关操作
以上是百度编辑器在mvc项目中的简单配置,个人感觉还是很好用的,已经在多个项目中使用了,没有感觉像很多人说的那样不好使,个人反而感觉不错。
- asp.net mvc4使用百度ueditor编辑器
- 百度ueditor编辑器在Asp.Net中使用
- ASP.NET使用百度编辑器(UEditor)使用方法
- 在ASP.NET Core中使用百度在线编辑器UEditor
- ASP.NET使用百度编辑器(UEditor)方法
- 在ASP.NET Core中使用百度在线编辑器UEditor
- 百度编辑器UEditor ASP.NET示例Demo
- mvc4项目使用ueditor编辑器
- asp.net mvc4 使用KindEditor文本编辑器
- asp.net mvc4 使用KindEditor文本编辑器
- asp.net mvc4 使用KindEditor文本编辑器
- 百度编辑器 UEditor 使用
- 百度编辑器UEditor使用
- asp.net mvc5 使用百度ueditor 本编辑器完整示例(上)
- 百度富文本编辑器UEditor在ASP.NET中的运用
- 百度编辑器ueditor的使用
- 百度编辑器-UEditor使用注意
- 百度编辑器UEditor 简单使用
- POJO和javabean的异同
- 指针数组
- java中关于线程的知识点和四个程序
- OSI参考模型_20160301
- 好好学习天天向上
- asp.net mvc4使用百度ueditor编辑器
- Laravel学习-三种方式搭建开发环境
- ActionBar之属性详解总结(二)
- LeetCode : 3Sum Closest [java]
- hdoj--1418--抱歉(水题)
- 分区的回收_20160303
- 文本的词条化和向量化
- 基础练习 十六进制转十进制
- 网络多线程