百度UEditor1.4.3编辑器和asp.net MVC 5结合
百度UEditor1.4.3编辑器和asp.net MVC 5结合
工作接近3年了。从来都没有完完整整的写过一篇博客。今天做项目的时候,客户想把百度编辑器和MVC整合到一起。想起来以前自己为了整合到一起费的力气。在这里记录一下。奉献给新手。老鸟请飘过。
首先去百度UEditor官网下载一份源码,地址http://ueditor.baidu.com/website/download.html 我的项目是UTF-8的。所以选择UTF-8版本的下载下来。解压以后的文件形式:
第一步:首页在自己的Razor视图页面引入:必要的JS文件
在页面上新建一个TextArea
如下图初始化编译器:
第二步:在自己的项目中新建文件夹:把.net下面的几个类都复制进去。
形式如下:
注意修改命名空间。
第三步
复制net文件夹下的Config.Json文件到网站目录下面,我的放在了\Ueditor下
文件目录如下:
第四步:
修改Editor下面的Config.cs文件
其中标出的部门要是你Config.json文件对应的根目录位置。
第五步:
修改Config文件,上传配置的“imageurlprefix”。每个配置项都要修改
我的如下图
第六步:修改Ueditor.config.js
serverUrl请求地址改为一个控制器的方法。这个地址就是要请求的控制器方法。
第七步:新建一个在上图的ServerUrl的指向地址新建一个控制器,新增一个Void的Action
把ProcessRequest的代码,粘贴到Action中。修改代码如下:
文笔拙劣,请见谅。