码迷,mamicode.com
首页 > Web开发 > 详细

ASP.NET MVC4 使用UEditor富文本

时间:2017-02-12 12:18:03      阅读:226      评论:0      收藏:0      [点我收藏+]

标签:xmlns   min   dir   hot   rect   dex   frame   erro   sse   

原帖:http://user.qzone.qq.com/369175376/infocenter?ptlang=2052
 
 
第一步:先到http://ueditor.baidu.com/website/download.html去下载技术分享
 第二步:把下载的文件改成ueditor名称,添加到Content文件夹里面
技术分享 
第三步:在ueditor文件夹下面的net文件夹创建一个upload文件夹装上传的图片
技术分享
第四步:找到net文件夹里面的config.json文件,在找到所有的
 /* 图片访问路径前缀 */
 然后在前面的途径加上:/Content/
技术分享 
 其它配置图片访问路径前缀,以此类推,因为我们把ueditor文件夹放在了Content文件夹下面
第五步:创建一个Home控制器,点Index右键生成视图
在视图里面添加:
<script src="~/Content/ueditor/ueditor.config.js"></script>
<script src="~/Content/ueditor/ueditor.all.js"></script>
<link href="~/Content/ueditor/themes/iframe.css" rel="stylesheet" />
<script src="~/Content/ueditor/lang/zh-cn/zh-cn.js"></script>
注意先后顺序,不要颠倒了! 
 <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>
@using(Html.BeginForm("Index","Home",FormMethod.Post)){
    <textarea id="editor" name="editor">
 
</textarea>
    <input type="submit" value="提交" />
}
这个是Index页面里面的内容
第六步:在控制器里面在添加一个httppost的Index方法
[HttpPost]
         [ValidateInput(false)]
        public ActionResult Index(FormCollection fc)
        {
            var content = fc["editor"];
            return View();
        } 
注意:  [ValidateInput(false)]这是解决一直报安全问题的办法 
 第七步:生成会报错,在ueditor里面net文件的bin里面的Newtonsoft.Json无法拷贝到当前项目里面的bin目录里面,那是因为ueditor的net文件里面的Newtonsoft.Json的版本要高于项目里面的版本,把项目里面的Newtonsoft.Json引用删除掉,在引用ueditor里面net文件的bin里面的Newtonsoft.Json的dll文件
第八步:在Web.config里面找到 <runtime>节点
在它下面的<assemblyBinding xmlns="urn:schemas-microsoft-com:asm.v1">
节点里面添加
 <dependentAssembly>
        <assemblyIdentity name="Newtonsoft.Json" culture="neutral" publicKeyToken="30ad4fe6b2a6aeed" />
        <bindingRedirect oldVersion="0.0.0.0-6.0.0.0" newVersion="6.0.0.0" />
      </dependentAssembly>
如上节点,就可以解决  Newtonsoft.Json无法引用的问题
以上步骤都作完成,就可以实现富文本并且可以上传图片了! 
技术分享

ASP.NET MVC4 使用UEditor富文本

标签:xmlns   min   dir   hot   rect   dex   frame   erro   sse   

原文地址:http://www.cnblogs.com/chenbaba/p/6390661.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!