• mvc4使用KindEditor文本编辑器


      最近做项目要用文本编辑器,编辑器好多种,这里介绍KindEditor在asp.net mvc4中的使用方法。

      一、准备工作:

        1.下载KindEditor.去官网:http://www.kindsoft.net/

        2.解压,拷贝到项目中(这里面有些例子,可以先删除掉在拷贝到项目中。)

      二、使用步骤:

               1.view页面

    <script>
        var editor;
        KindEditor.ready(function (K) {
            editor = K.create('textarea[id="content"]', {//textarea
                allowFileManager: true,                  //是否允许文件上传           
                allowUpload: true,                                      
                fileManagerJson: '/KindEditor/ProcessRequest', //浏览文件方法 
                uploadJson: '/KindEditor/UploadImage'          //上传文件方法     
            });
        });
    </script>
    
    TextArea:
    <div class="editor-field">
                        @Html.TextAreaFor(model => model.Content, new { id="content",style = "750px;height:400px" })
                        @Html.ValidationMessageFor(model => model.Content)
    </div>

              2.Controller中定义方法,就是js中 fileManagerJson和uploadJson的执行方法

    public class KindEditorController : Controller
        {
            //上传方法
            [HttpPost]
            public ActionResult UploadImage()
            {
                string savePath = "/Content/UploadImages/";
                string saveUrl = "/Content/UploadImages/";
                string fileTypes = "gif,jpg,jpeg,png,bmp";
                int maxSize = 1000000;
    
                Hashtable hash = new Hashtable();
    
                HttpPostedFileBase file = Request.Files["imgFile"];
                if (file == null)
                {
                    hash = new Hashtable();
                    hash["error"] = 1;
                    hash["message"] = "请选择文件";
                    return Json(hash);
                }
    
                string dirPath = Server.MapPath(savePath);
                if (!Directory.Exists(dirPath))
                {
                    hash = new Hashtable();
                    hash["error"] = 1;
                    hash["message"] = "上传目录不存在";
                    return Json(hash);
                }
    
                string fileName = file.FileName;
                string fileExt = Path.GetExtension(fileName).ToLower();
    
                ArrayList fileTypeList = ArrayList.Adapter(fileTypes.Split(','));
    
                if (file.InputStream == null || file.InputStream.Length > maxSize)
                {
                    hash = new Hashtable();
                    hash["error"] = 1;
                    hash["message"] = "上传文件大小超过限制";
                    return Json(hash);
                }
    
                if (string.IsNullOrEmpty(fileExt) || Array.IndexOf(fileTypes.Split(','), fileExt.Substring(1).ToLower()) == -1)
                {
                    hash = new Hashtable();
                    hash["error"] = 1;
                    hash["message"] = "上传文件扩展名是不允许的扩展名";
                    return Json(hash);
                }
    
                string newFileName = DateTime.Now.ToString("yyyyMMddHHmmss_ffff", DateTimeFormatInfo.InvariantInfo) + fileExt;
                string filePath = dirPath + newFileName;
                file.SaveAs(filePath);
                string fileUrl = saveUrl + newFileName;
    
                hash = new Hashtable();
                hash["error"] = 0;
                hash["url"] = fileUrl;
    
                return Json(hash, "text/html;charset=UTF-8"); ;
    
            }
    
    
            //浏览方法
            public ActionResult ProcessRequest()
            {
                //根目录路径,相对路径
                String rootPath = "/Content/UploadImages/";
                //根目录URL,可以指定绝对路径,
                String rootUrl = "/Content/UploadImages/";
                //图片扩展名
                String fileTypes = "gif,jpg,jpeg,png,bmp";
    
                String currentPath = "";
                String currentUrl = "";
                String currentDirPath = "";
                String moveupDirPath = "";
    
                //根据path参数,设置各路径和URL
                String path = Request.QueryString["path"];
                path = String.IsNullOrEmpty(path) ? "" : path;
                if (path == "")
                {
                    currentPath = Server.MapPath(rootPath);
                    currentUrl = rootUrl;
                    currentDirPath = "";
                    moveupDirPath = "";
                }
                else
                {
                    currentPath = Server.MapPath(rootPath) + path;
                    currentUrl = rootUrl + path;
                    currentDirPath = path;
                    moveupDirPath = Regex.Replace(currentDirPath, @"(.*?)[^/]+/$", "$1");
                }
    
                //排序形式,name or size or type
                String order = Request.QueryString["order"];
                order = String.IsNullOrEmpty(order) ? "" : order.ToLower();
    
                //不允许使用..移动到上一级目录
                if (Regex.IsMatch(path, @".."))
                {
                    Response.Write("Access is not allowed.");
                    Response.End();
                }
                //最后一个字符不是/
                if (path != "" && !path.EndsWith("/"))
                {
                    Response.Write("Parameter is not valid.");
                    Response.End();
                }
                //目录不存在或不是目录
                if (!Directory.Exists(currentPath))
                {
                    Response.Write("Directory does not exist.");
                    Response.End();
                }
    
                //遍历目录取得文件信息
                string[] dirList = Directory.GetDirectories(currentPath);
                string[] fileList = Directory.GetFiles(currentPath);
    
                switch (order)
                {
                    case "size":
                        Array.Sort(dirList, new NameSorter());
                        Array.Sort(fileList, new SizeSorter());
                        break;
                    case "type":
                        Array.Sort(dirList, new NameSorter());
                        Array.Sort(fileList, new TypeSorter());
                        break;
                    case "name":
                    default:
                        Array.Sort(dirList, new NameSorter());
                        Array.Sort(fileList, new NameSorter());
                        break;
                }
    
                Hashtable result = new Hashtable();
                result["moveup_dir_path"] = moveupDirPath;
                result["current_dir_path"] = currentDirPath;
                result["current_url"] = currentUrl;
                result["total_count"] = dirList.Length + fileList.Length;
                List<Hashtable> dirFileList = new List<Hashtable>();
                result["file_list"] = dirFileList;
                for (int i = 0; i < dirList.Length; i++)
                {
                    DirectoryInfo dir = new DirectoryInfo(dirList[i]);
                    Hashtable hash = new Hashtable();
                    hash["is_dir"] = true;
                    hash["has_file"] = (dir.GetFileSystemInfos().Length > 0);
                    hash["filesize"] = 0;
                    hash["is_photo"] = false;
                    hash["filetype"] = "";
                    hash["filename"] = dir.Name;
                    hash["datetime"] = dir.LastWriteTime.ToString("yyyy-MM-dd HH:mm:ss");
                    dirFileList.Add(hash);
                }
                for (int i = 0; i < fileList.Length; i++)
                {
                    FileInfo file = new FileInfo(fileList[i]);
                    Hashtable hash = new Hashtable();
                    hash["is_dir"] = false;
                    hash["has_file"] = false;
                    hash["filesize"] = file.Length;
                    hash["is_photo"] = (Array.IndexOf(fileTypes.Split(','), file.Extension.Substring(1).ToLower()) >= 0);
                    hash["filetype"] = file.Extension.Substring(1);
                    hash["filename"] = file.Name;
                    hash["datetime"] = file.LastWriteTime.ToString("yyyy-MM-dd HH:mm:ss");
                    dirFileList.Add(hash);
                }
                //Response.AddHeader("Content-Type", "application/json; charset=UTF-8");
                //context.Response.Write(JsonMapper.ToJson(result));
                //context.Response.End();
                return Json(result, "text/html;charset=UTF-8", JsonRequestBehavior.AllowGet);
            }
    
            public class NameSorter : IComparer
            {
                public int Compare(object x, object y)
                {
                    if (x == null && y == null)
                    {
                        return 0;
                    }
                    if (x == null)
                    {
                        return -1;
                    }
                    if (y == null)
                    {
                        return 1;
                    }
                    FileInfo xInfo = new FileInfo(x.ToString());
                    FileInfo yInfo = new FileInfo(y.ToString());
    
                    return xInfo.FullName.CompareTo(yInfo.FullName);
                }
            }
    
            public class SizeSorter : IComparer
            {
                public int Compare(object x, object y)
                {
                    if (x == null && y == null)
                    {
                        return 0;
                    }
                    if (x == null)
                    {
                        return -1;
                    }
                    if (y == null)
                    {
                        return 1;
                    }
                    FileInfo xInfo = new FileInfo(x.ToString());
                    FileInfo yInfo = new FileInfo(y.ToString());
    
                    return xInfo.Length.CompareTo(yInfo.Length);
                }
            }
    
            public class TypeSorter : IComparer
            {
                public int Compare(object x, object y)
                {
                    if (x == null && y == null)
                    {
                        return 0;
                    }
                    if (x == null)
                    {
                        return -1;
                    }
                    if (y == null)
                    {
                        return 1;
                    }
                    FileInfo xInfo = new FileInfo(x.ToString());
                    FileInfo yInfo = new FileInfo(y.ToString());
    
                    return xInfo.Extension.CompareTo(yInfo.Extension);
                }
            }
    
        }

               3.最后在处理提交的Action上加 [ValidateInput(false)]特性,不然提交的报错:从客户端(“”)中检测到有潜在危险的 Request.Form 值

  • 相关阅读:
    ContentProvider
    铃声设置
    TTS技术
    http://www.w3cschool.cc/jqueryui/jqueryui-tutorial.html
    HttpHelper
    .net面试题
    函数和原型
    关于递增运算符
    CSS学习笔记
    CSS/CSS3 如何实现元素水平居中
  • 原文地址:https://www.cnblogs.com/sky-net/p/4367247.html
Copyright © 2020-2023  润新知