ASP.NET MVC4 UEditor 的上传图片配置路径

ASP.NET MV4下,使用UEditor1.4.3最新版本,网址就不说了,去百度官网下载即可,关于在Controler下如何配置,直接上图:

然后再Views下面来个页面引用如下:

<!-- ueditor配置文件 -->

<script type="text/javascript" charset="utf-8" src="../../Content/ueditor/ueditor.config.js"></script>
    <!-- ueditor编辑器源码文件 -->
    <script type="text/javascript" charset="utf-8" src="../../Content/ueditor/ueditor.all.js"></script>
    <!--ueditor手动加载语言-->
    <script type="text/javascript" charset="utf-8" src="../../Content/ueditor/lang/zh-cn/zh-cn.js"></script>
    <!-- ueditor实例化产生编辑器 -->
    <script type="text/javascript">
        window.UEDITOR_HOME_URL = "../../Content/ueditor/";
        var ueditor = UE.getEditor(‘container‘, {
            toolbars: [[‘anchor‘, ‘undo‘, ‘redo‘, ‘bold‘, ‘indent‘, ‘snapscreen‘, ‘italic‘, ‘underline‘, ‘strikethrough‘, ‘subscript‘, ‘fontborder‘, ‘superscript‘, ‘formatmatch‘, ‘source‘, ‘blockquote‘, ‘pasteplain‘, ‘selectall‘, ‘print‘, ‘preview‘, ‘horizontal‘, ‘removeformat‘, ‘time‘, ‘date‘, ‘unlink‘, ‘insertrow‘, ‘insertcol‘, ‘mergeright‘, ‘mergedown‘, ‘deleterow‘, ‘deletecol‘, ‘splittorows‘, ‘splittocols‘, ‘splittocells‘, ‘deletecaption‘, ‘inserttitle‘, ‘mergecells‘, ‘deletetable‘, ‘cleardoc‘, ‘insertparagraphbeforetable‘, ‘fontfamily‘, ‘fontsize‘, ‘paragraph‘, ‘simpleupload‘, ‘insertimage‘, ‘edittable‘, ‘edittd‘, ‘link‘, ‘emotion‘, ‘spechars‘, ‘searchreplace‘, ‘map‘, ‘help‘, ‘justifyleft‘, ‘justifyright‘, ‘justifycenter‘, ‘justifyjustify‘, ‘forecolor‘, ‘backcolor‘, ‘insertorderedlist‘, ‘insertunorderedlist‘, ‘fullscreen‘, ‘directionalityltr‘, ‘directionalityrtl‘, ‘rowspacingtop‘, ‘rowspacingbottom‘, ‘pagebreak‘, ‘insertframe‘, ‘imagenone‘, ‘imageleft‘, ‘imageright‘, ‘imagecenter‘, ‘lineheight‘, ‘edittip‘, ‘customstyle‘, ‘autotypeset‘, ‘touppercase‘, ‘tolowercase‘, ‘scrawl‘, ‘inserttable‘, ‘charts‘]],//支持自定义控件显示的图标功能
            initialFrameHeight: 400,
            initialFrameWidth: 700
        });
 </script>

container是一个div的id。

在config.json中配置图片上传路径:

时间: 2024-07-31 11:16:52

ASP.NET MVC4 UEditor 的上传图片配置路径的相关文章

ueditor 编辑器的配置 实现上传图片---附效果图

由于项目需要,最近使用了ueditor,实现了图片上传功能,在此分享一下遇到的一些问题. 项目使用net+mvc框架搭建,则选择的是NET版本ueditor 编辑器(可去百度官网下载), 下载完成导入到项目中: 准备开始配置ueditor 编辑器: 1).找到ueditor.config.js文件,并修改ueditor.config.js文件,指定ueditor的路径 2).找到./net/config.json文件,并修改config.json文件,指定文件上传路径有读取路径 上传图片路径 读

ASP.NET MVC4通过UrlRewriter配置伪静态,支持html后缀

ASP.NET MVC4通过UrlRewriter配置伪静态 通过UrlRewriter在MVC4中配置伪静态在网上都有很多资料,本篇博客主要是把项目中使用到的通过UrlRewriter配置伪静态提取出来,方便自己以后查看,同样对需要该功能的网友提供思路. 第一:下载UrlRewriter.dll文件,并引用到项目中 第二:配置Web.config 依次在下面节点中添加UrlRewriter相关的子节点 1.  <configSections> 2.  <section name=&qu

部署项目时遇到的问题---IIS7.X配置ASP.NET MVC4

1.安装.NET Frameword4.0框架.如果先装IIS后装4.0框架的话,要在IIS注册4.0框架.具体方法见下图 .NET框架版本请根据操作系统版本自行选择.注册完后,在“ISAPI和CGI限制”里面将刚刚添加的扩展设置为允许. 32位和64位 2.添加处理程序映射.选中当前服务器,双击右侧功能视图的“处理程序映射”,然后右键点击“添加脚本通配符映射”,如图: 名称随便去,不和已存在的名称重复即可. 3.修改对应网站web.config配置文件. <system.webServer>

ASP.NET MVC4+BootStrap 实战(二)

上一篇文章我们讲述了页面初始加载数据的一些东西,本篇我们来讲一下查询按钮和分页按钮.在很久以前我写过一篇ASP.NET MVC4切近实战的文章,有关于分页的代码,本篇我们不采用微软的AJAX框架. 先看一下查询效果,在点击Get按钮之后,会进行AJAX请求. js代码如下 jQuery(document).ready(function () {     setRowBackColor();     $("#btnsearch").click(function () {         

ASP.NET MVC4中的App_start中BundleConfig的介绍使用

在BundleConfig.cs中,指定CSS和JS,主要用来压缩JS和CSS   在ASP.NET MVC4中(在WebForm中应该也有),有一个叫做Bundle的东西,它用来将js和css进行压缩(多个文件可以打包成一个文件),并且可以区分调试和非调试,在调试时不进行压缩,以原始方式显示出来,以方便查找问题. 具体优势可自行百度或参看官方介绍:http://www.asp.net/mvc/tutorials/mvc-4/bundling-and-minification 这里仅简单记录下如

构建ASP.NET MVC4+EF5+EasyUI+Unity2.x注入的后台管理系统(36)-文章发布系统③-kindeditor使用

我相信目前国内富文本编辑器中KindEditor 属于前列,详细的中文帮助文档,简单的加载方式,可以定制的轻量级.都是系统的首选 很多文章教程有kindeditor的使用,但本文比较特别可能带有,上传文件的缩略图和水印的源码!这块也是比较复杂和备受关注的功能 一.下载编辑器 KindEditor 4.1.10 (2013-11-23) [1143KB] 官方最新版 或者: http://www.kindsoft.net/down.php 二.添加到项目 解压 kindeditor-x.x.x.z

CKEditor上传图片—配置CKFinder(from www.sysoft.cc www.sysoft.net.cn)

CKEditor上传图片—配置CKFinder在网站开发中,如果有发布类似新闻的图文混排需求时,CKEditor不失为一个很好的选择,下载地址如下: http://ckeditor.com/download 它的前身是FCKEditor,随着它的更新,上传图片的功能被分离出去了,现在如果需要实现上传图片,要么自己写代码,还有一种方法是使用CKFinder,下载地址如下: http://ckfinder.com/download 下面详细描述一下使用它们的时候如何配置. CKEditor我下载的是

为百度UEDITOR编辑器上传图片添加水印

form:http://www.uphtm.com/php/255.html UEDITOR编辑器上传图片是自动提取的,但是图片没有水印功能,下面小编和各位一起来看看. UEditor编辑器没有上传图片加水印的功能,需要进行二次开发,本例是在PHPCMS系统中对百度编辑器进行二次开发,添加上传图片加水印功能. 首先打开UEditor编辑器文件目录的php文件夹,打开Uploader.class.php,把PHPCMS添加水印的方法复制过来,加到这个类所有成员方法最后面,然后进行修改如下: //图

使用asp.net MVC4中的Bundle遇到的问题及解决办法分享

本文转自http://www.jb51.net/article/47264.htm 这篇文章主要介绍了使用asp.net MVC4中的Bundle遇到的问题及解决办法,需要的朋友可以参考下 背景    之前有过使用MVC3的经验,也建过MVC4的基本样例看过,知道有bundle这么一个方法. 近日想建个网站使用MVC4,但是我觉得在基本样例上改不好,有太多无用的东西,所以就建了一个空白的MVC的程序,然后自己写需要的东西, 将程序的目标框架从4.5降到了4.0(我使用的是VS2013),问题就来