Ueditor在线编辑及存入数据库

     牛腩时对于编辑器的使用只是生搬硬套的使用,但是在真正的项目中真是无从下手的炙热!这次需要对easyui datagrid数据进行添加操作,但是需要对文本进行编辑,

            


需要在线进行编辑,因此Ueditor不可或缺的出现在此!    


     Ueditor在线编辑及存入数据库_第1张图片

     出于对编辑器的熟识度不高的认真态度,还是再次学习使用,这就查阅了资料。在线编辑器的网站:http://kindeditor.net/demo.php。但是还需要结合实际项目中。

   首做添加界面的html-AddConventionConfigView:点击Onclick 触发JS 的function AddConvention



    
    
    
    
    
    

    
    


    

公约标题:  保存 返回

@* 编辑器的加载 *@

  

(需要添加下面类似的ViewModel实体)

@model ITOO.Fresh.ViewModel.ConventionViewModel

   需要返回才能实现界面(否则如下红色图)

 public ActionResult AddConventionConfigView() {
            return View();
        }

   Ueditor在线编辑及存入数据库_第2张图片

      

    界面加载出来自然需要进行前期简单的设置:

@* 关于公约详情页面的js-赵尽朝-2016年8月16日,此js不能与内容页面分离 *@


 通过Ajax将请求想controler传递需要存储的数据。

   

 #region 添加公约配置信息-AddConvention-赵尽朝-2016年8月5日16:01:47
        [ValidateInput(false)]//这一块也是不太清楚,但是添加 using System.Web.Mvc; 即可
        [HttpPost]
        public ActionResult AddConvention(string Content, string Title, string IsUse)
        {

            List ConventionViewModel = conventionBll.GetStrConventionno();
            int count = ConventionViewModel.Count() + 1;;
            freshconventionentity Convention = new freshconventionentity();

            Convention.ConventionID = Guid.NewGuid().ToString();//获取ID
            Convention.ConventionName = Title; //获取标题
            Convention.ConventionContent = Content;//获取编辑器中的内容
            Convention.IsUse = 1;
            Convention.conventionSort = count;
            Convention.ConventionTimestamp = DateTime.Parse(DateTime.Now.ToString());
            Convention.isDelete = 0;

            bool data = conventionBll.AddConvention(Convention);//调用B层的添加方法        
            return Json(data, JsonRequestBehavior.AllowGet);
        }
        #endregion

public bool AddConvention(freshconventionentity enFreshConvention)//B 层添加公约的方法
        {
            List list = this.ConventionCurrentDal.LoadItems(p => p.ConventionName == enFreshConvention.ConventionName).ToList();
            if (list.Count() == 0)
            {
                this.ConventionCurrentDal.Add(enFreshConvention);
                this.MyBasedbSession.SaveChanges();
                return true;
            }
            else
            {
                return false;
            }

        }




    存入成功返回true,否则传回false到controler,再通过return Json(data, JsonRequestBehavior.AllowGet);返回到JS中



最后效果图:

Ueditor在线编辑及存入数据库_第3张图片


你可能感兴趣的:(B/S)