ASP.NET MVC使用UEditor，并与Controller共享

今天有人问我个小问题，我还是记录一下吧。

在ASP.NET MVC下使用UEditor是一件很简单的事情：

1、首先下载UEditor的JS。

2、定义一个实体类：

[csharp]  view plain copy

1. public class Article  
2.    {  
3.        [Key]  
4.        public int ID { get; set; }  
5.   
6.        [DisplayName("标题")]  
7.        public string Title { get; set; }  
8.        [DisplayName("描述")]  
9.        public string Description { get; set; }  
10.        [DisplayName("内容")]  
11.        public string Content { get; set; }  
12.        [DisplayName("评论数")]  
13.        public long CommentCount { get; set; }  
14.        [DisplayName("发表时间")]  
15.        public DateTime PublishOn { get; set; }  
16.        [DisplayName("其它字段")]  
17.        [NotMapped]  
18.        public string OtherField { get; set; }  
19.    }  

3、布局前台页面：

前台页面

[html]  view plain copy

1. @using (Html.BeginForm("NewBlog", "Blog"))  
2. {  
3.     @Html.AntiForgeryToken()  
4.     <div class="form-horizontal">  
5.         @Html.TextAreaFor(m => m.Content)  
6.     </div>  
7. }  

JS

[html]  view plain copy

1. @section Scripts {  
2.     @Scripts.Render("~/bundles/jqueryval", "~/Content/ueditor1_4_3-utf8-net/ueditor.config.js", "~/Content/ueditor1_4_3-utf8-net/ueditor.all.js")  
3.     <script type="text/javascript">  
4.         var editorOption = {  
5.             initialFrameWidth: 784,  
6.             initialFrameHeight: 400  
7.         };  
8.         var editor = new baidu.editor.ui.Editor(editorOption);  
9.         editor.render('Content');  
10.     </script>  
11. }  

至此基本大工告成了，

最后看看NewBlog这个Controller，特别重要是ValidateInput(false)这句，不然验证输入提示存在危险，使得值传不回Controller。先前说的小问题就是基于这。

[csharp]  view plain copy

1.        
2. [HttpPost]  
3. [ValidateInput(false)]  
4.        public ActionResult NewBlog(Article article)  
5.        {  
6.            return View();  
7.        }  

看下效果：

验证