前言

  配置.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项目中的简单配置,个人感觉还是很好用的,已经在多个项目中使用了,没有感觉像很多人说的那样不好使,个人反而感觉不错。

http://www.cnblogs.com/flykai/p/3285307.html

转载于:https://www.cnblogs.com/zcm123/p/3449874.html

[转载] ASP.NET MVC4使用百度UEDITOR编辑器相关推荐

  1. 百度UEditor编辑器关闭抓取远程图片功能(默认开启)

    2019独角兽企业重金招聘Python工程师标准>>> 这个坑娘的功能,开始时居然不知道如何触发,以为有个按钮,点击一下触发,翻阅了文档,没有发现,然后再网络上看到原来是复制粘贴非白 ...

  2. 百度ueditor编辑器注入漏洞修补查杀程序

    百度ueditor编辑器注入查杀程序,用于对百度ueditor的漏洞补丁进行查杀,使用时需要保证本地正确部署了.net 4.0服务. 百度ueditor编辑器是目前网上比较流行的一个网站编辑器,但由于 ...

  3. [转]百度UEditor编辑器(php)

    百度UEditor编辑器!合入PHP网站! 一.富文本内容交互 1.编辑器内容初始化(即往编辑器中设置富文本) 场景一:写新文章,编辑器中预置提示.问候等内容. 在editor_config.js文件 ...

  4. 百度UEditor编辑器,合入PHP网站

    本文转自:http://www.cnblogs.com/losen/archive/2013/05/23/3094612.html 百度UEditor编辑器!合入PHP网站! Posted on 20 ...

  5. 百度html编辑器 xss,百度ueditor编辑器-xss漏洞

    百度ueditor编辑器 xss漏洞 一.漏洞简介 产品官网下载地址: 涉及版本:php , asp, jsp, net 二.漏洞影响 三.复现过程 漏洞分析 存在漏洞的文件:/php/getCont ...

  6. ueditor html显示图片,百度ueditor编辑器上传图片后img标签的title、alt属性优化简单方法...

    <百度ueditor编辑器上传图片后img标签的title.alt属性优化简单方法>要点: 本文介绍了百度ueditor编辑器上传图片后img标签的title.alt属性优化简单方法,希望 ...

  7. html编辑器 br 被div,百度Ueditor编辑器DIV,html标签替换及代码被过滤问题解决方法...

    解决"织梦DEDECMS使用百度Ueditor编辑器和代码高亮设置教程"中遗留的html标签过滤问题.前者资源盒子主要描述了如何在织梦CMS中使用百度Ueditor编辑器,但遗留了 ...

  8. 织梦html编辑器功能在哪,织梦dede自带编辑器替换百度ueditor编辑器

    用过dedecms的朋友都知道dede自带的文本编辑器很不好用,且有些功能还需要我们自己手动去修改源码,才能完成我们想要的效果.现在广大用dedecms的朋友们,你们有福啦!我们可以利用百度的Uedi ...

  9. 关于dedecms织梦后台html编辑器不能复制word格式的处理方法/ kindEditor编辑器/百度(ueditor)编辑器的添加方法

    Q:word文件内容粘贴到dede后台编辑器里,格式都失效了 dede自带的文本编辑器很不好用,且有些功能还需要我们自己手动去修改源码,才能完成我们想要的效果 一.更换kindEditor编辑器操作步 ...

最新文章

  1. 在DNN中如何使FriendlyURL使用PageName作为页面名称
  2. php中orm模型,模型model
  3. C语言扫雷游戏简单实现
  4. ajax类型的区别,ajax请求的类型 有post get 请问两种有何区别?
  5. 在一个由小写英文字母(a-z)组成的字符串中,查找最长子串,其头尾字母相同,且中间不包含该头尾字母,并输出最左边的该类子串
  6. linux下无mysql命令_linux下mysql命令
  7. python 中文乱码_python 解决cv2绘制中文乱码问题
  8. Atitit 模块打包器(module bundler)的概念与使用 目录 1. 解决问题 1 1.1. 多js合并方便性能加载 1 1.2. 静态模块打包 2 1.3. 动态模块打包 2 2. 最
  9. 详解将FTP映射至Windows
  10. 笔记:HPlus模板 单选框
  11. 禁用计算机f1-f12,win10系统禁用f1-f12快捷键的操作方法
  12. 网络测量工具及其使用
  13. 【Leetcode刷题Python】134. 加油站
  14. Linux 下 ls -l 命令执行显示结果的每一列含义
  15. 简单三招,教你做个app
  16. CAD制图软件中的沿线布置功能如何使用?
  17. Ae 脚本:TypeMonkey 动态文本动画
  18. 调查显示80后离职率最高 薪水低为辞职第一理由
  19. 图书管理系统设计类图
  20. 老夫我写代码的起手式是怎么样的?

热门文章

  1. 接口请求(get、post、head等)详解
  2. jmeter之线程组如何使用
  3. 七种主流平面板式介绍
  4. 计算机语言9月排行榜,TIOBE 9月编程语言排行榜发布,C+增速最快
  5. mysql的time格式化_【mysql格式化日期】
  6. python复数类型转换_Python 复数数据类型详解(complex)[学习 Python 必备基础知识][看此一篇就够了]...
  7. PHP中三元运算符的用法_php 三元运算符实例详细介绍
  8. 海康威视、大华监控摄像头rtsp地址规则
  9. 重庆计算机考试准考证打印入口,重庆西南大学计算机等级考试准考证打印入口...
  10. 优秀linux系统设计,Linux系统下设计优秀实用程序的艺术