首页 > Web开发 > 详细

MVC ueditor的使用(实现上传图片功能)

时间:2015-11-04 23:03:45      阅读:436      评论:0      收藏:0      [点我收藏+]

之前使用ckeditor不能实现上传图片功能,只要是我不知道怎么使用啦o( ̄ε ̄*),然后就换了ueditor~~,可以实现上传图片功能啦~\(≧▽≦)/~~

下面是我的步骤:去官网下载最新版ueditor,解压缩后放到文件目录下,如下:

技术分享

<script src="~/Content/ueditor/ueditor.all.js"></script>
<script src="~/Content/ueditor/ueditor.all.min.js"></script>
<script src="~/Content/ueditor/ueditor.config.js"></script>
<link href="~/Content/ueditor/themes/iframe.css" rel="stylesheet" />
<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(‘Text‘);
</script>
<style>


 <td>内容:</td>
<td>
 <textarea cols="80" id="content" name="Text" rows="10"></textarea>
</td>

 技术分享

在文件夹里面新增文件夹upload,image技术分享技术分享

做好这几步后,就可以实现上传图片功能了。但是我出现了下面这种问题:

技术分享

调试后是这种错误:

技术分享

百度无果,然后发现是这个ueditor文件夹没有完全包含在项目里面,然后作如下操作就可以了:

技术分享

MVC ueditor的使用(实现上传图片功能)

原文:http://www.cnblogs.com/miaoying/p/4937644.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!