[Solved] Free text editor with image gallery

by


ckeditor(text)+ckfinder(image)
Or
you can use Summernote with server side image upload setup

$('#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);
                    }
                });
            }
        }
    });

and MVC5 server side sample action code:

 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;
    }

solved Free text editor with image gallery