在Asp.net WebForm时代,Web系统的HTML可视化编辑器可以使用FTB一类的控件,直接引入工具箱拖拉即可实现。但是在Asp.net MVC时代,直接使用服务器端控件是不符合MVC的标准和约束,会出现这样或者那样的问题。UEditor似乎又是不错的一款可视化编辑器,有百度做后台支撑,开源,而且样式漂亮,自定义容易……所以我决定在我的系统中使用Ueditor作为可视化编辑工具,但是因为Ueditor支持了Php,并没有合适asp.net mvc的应用实例。所以我决定改造下Ueditor来满足MVC下的需要。
首先、下载Uediotr,初次使用建议下载全版和实例,可以一一学习研究。下载地址:http://ueditor.baidu.com/download.html
其次、在MVC中建立一个文件件,如图,然后把下载的文件夹中的几个文件全部包含进来.
再次、我们在Asp.net mvc中可以建立一个测试Controller.在其View中输入引用editor_config.js 和editor_ui_all_min.js 同时引用themes下面的ueditor.css。然后在需要出现
编辑框的地方输入
注意:UEDITOR_HOME_URL: '/Uedit/',
iframeCssUrl: '/Uedit/themes/default/iframe.css', 这两行js为Ueditor放置的目录和iframe.css所在的位置。然后运行。可以发现Ueditor的基本样子已经出现,但是图片上传部分存在问题。
最后、修改图片上传部分的问题。找到\UEdit\dialogs\image。里面有两个php文件,可以把这两个php文件更名为html文件,我们主要使用upload.php.我们把他修改为upload.html,同时修改其中的代码如下:
我们要把图片上传到“/upload/UploadImage/”,所以我们需要先建立一个upload的controller,然后建立一个UploadImage的action.具体的C#代码如下:
在view中代码如下:
运行后发现Ueditor在Asp.net 中可以正常使用。
分享到:
相关推荐
Asp.net MVC 下使用百度 UEditor 编辑器
Ueditor1.4.3在.net MVC3中的使用,实现图片视频等文件上传至根目录uploadfiles文件夹下。
ASP.NET MVC 开发版使用的Ueditor 完整demo ,支持图片上传显示等所有功能,可直接运行调试。
本人菜鸟一个,近来使用ueditor 做富文本编辑器,写了一个简单的里面,里面包含了上传图片的功能,希望对大家有帮助 。 开发工具用的是 visual studio 2019 ,框架是asp.net mvc 5
最近发现的百度的在线编辑器界面美观,就研究了下,很强大,并且内涵了百度地图 和百度的API 图片上传空间很美观,总体来说 超赞!
百度富文本编辑器Ueditor For asp.net实例,可用VS2008直接打开,用ueditor1.2.6.0版本修改一点点地方。用textarea做容器,可以上传图片,附件等,如有问题和建议,欢迎一起研究解决!
有百度富文本编辑器的资源,该资源版本为ueditor1_4_3_3-utf8-net。里面有在asp.net mvc里面使用的说明text。可以很方便的使用。
实现UEditor富文本编辑器与服务器的文件交互(图片,视频),该实例采用 C#后台开发语言完成! 请在vs2017中打开!
百度UEditor控件的asp.net控件封装
UEditor是由百度WEB前端研发部开发的所见即所得的开源富文本编辑器,具有轻量、可定制、用户体验优秀等特点。
基于百度ueditor的asp.net的官方修正版.rar 可上传本地图片,附件,在线视频,百度地图,google地图,word排版,等等功能齐全。
百度编辑器UEditor ASP.NET示例Demo http://blog.csdn.net/a497785609/article/details/42640041
UEditor最新版编译好的文件;注明了.NetCore MVC .Net 6 RazorPages页面 全部配置方法;通过文档配置后能直接使用UEditor富文本编辑器,并且能够进行多图上传。
解决Ueditor1.4.3.3在ASP.net MVC5项目发布到IIS,上传功能不能使用的问题
.Net MVC UEditor示例代码,代码在Home控制器中Create页面,配置上传路径在UEditor/net/config.json中
大家都知道ueditor是百度编辑器,目前使用也比较广泛,下面这篇文章主要是通过一步步的步骤教大家在Asp.net Mvc中使用UEditor编辑器,需要的朋友可以参考借鉴,下面来一起看看吧。
基于asp.net mvc的开源网站管理系统 包含了jquery,bootstrap,ueditor......等众多开源项目实例
Ueditor是由百度web前端研发部开发所见即所得的编辑器,具有轻量,可定制,注重用户体验等特点。Ueditor基于BSD开源协议,除了具有代码精简、加载迅速的轻量级特质外,还采用了分层理念,使开发者可以根据实际应用和...
Ueditor1.3.5 .net配置详解 .net Framework4.0在线编辑器配置