具有图片库的免费文本编辑器

时间:2019-06-29 18:39:15

标签: asp.net-mvc

嗨,我想要一个带有图像或文件库的免费文本编辑器,我想在文本中间插入图像或文件。 请给我您的建议。

1 个答案:

答案 0 :(得分:0)

ckeditor(文本)+ ckfinder(图像) 要么 您可以将Summernote 用于服务器端图像上传设置

$('#Editor').summernote({
        lang: 'fa-IR',
        callbacks: {
            onImageUpload: function (files) {
                var $editor = $(this);
                var data = new FormData();
                data.append('imageFile', files[0]);
                $.ajax({
                    url: '/Server/UploadImage',
                    method: 'POST',
                    data: data,
                    processData: false,
                    contentType: false,
                    success: function (url) {
                        $editor.summernote('insertImage', url);
                    }
                });
            }
        }
    });

和MVC5服务器端示例操作代码:

 public string UploadImage()
    {
        HttpPostedFileBase file = null;
        string RenameFile = "";
        for (int i = 0; i < Request.Files.Count; i++)
        {
            file = Request.Files[i];
            string fileExt = System.IO.Path.GetExtension(file.FileName);
            Guid randomFileName = Guid.NewGuid();
            RenameFile = randomFileName + fileExt;
            var path = Path.Combine(Server.MapPath("~/Content/Uploads/"), RenameFile);
            file.SaveAs(path);
        }
        return @"/Content/Uploads/" + RenameFile;
    }