summernote富文本编辑器的使用

  <script src="../../js/jquery-3.1.1.min.js"></script>
  <link href="../../css/bootstrap.css" rel="stylesheet" />
  <script src="../../js/bootstrap.min.js"></script>
  <link href="dist/summernote.css" rel="stylesheet" />
  <script src="dist/summernote.js"></script>

 <div id="summernote">Hello Summernote</div>

    <script>
        $(document).ready(function () {
            $('#summernote').summernote({
                height: 500,
                width:1000,
                minHeight: 300,           
                maxwidth: 1000,
                minwidth: 200,
                maxHeight: 500,
                focus: false,
                callbacks: {
                    onImageUpload: function (files, editor) {
                        var $files = $(files);
                        // 通过each方法遍历每一个file
                        $files.each(function () {
                            var file = this;
                            // FormData，新的form表单封装，具体可百度，但其实用法很简单，如下
                            var data = new FormData();
                            // 将文件加入到file中，后端可获得到参数名为“file”
                            data.append("file", file);
                            // ajax上传
                            $.ajax({
                                data: data,
                                type: "POST",
                                url: "../../ashx_html/summernote.ashx",// div上的action
                                cache: false,
                                contentType: false,
                                processData: false,
                                // 成功时调用方法，后端返回json数据
                                success: function (response) {
                                    console.log(response)
                                    var json = $.parseJSON(response)
                                    if (json.state == "error") {
                                        alert("上传失败")
                                    } else {
                                        // 插入到summernote
                                        $('#summernote').summernote('insertImage', json.img_url);
                                    }
                                },
                            });
                        })
                    }
                }
            });
        });
    </script>

public void ProcessRequest(HttpContext context)
        {
            context.Response.ContentType = "text/plain";
            HttpFileCollection file_ = context.Request.Files;
            sumnmer_data summer_list = new sumnmer_data();
            if (file_.Count!=0)
            {
                long size = file_[0].ContentLength;//文件大小                           
                string type = file_[0].ContentType;//文件类型                            
                string name = file_[0].FileName;//文件名                           
                string _tp = System.IO.Path.GetExtension(name);//文件后缀名                                          
                string saveName = DateTime.Now.ToString("yyyyMMddHHmmssfff");//保存后的文件名称（这里使用时间戳）                                                    
                string file = "\\admin\\summer_img\\"; //保存的路径
                string path = System.Web.HttpContext.Current.Request.PhysicalApplicationPath + file;
                if (!Directory.Exists(path))
                {
                    Directory.CreateDirectory(path);
                    DirectoryInfo dirInfo = new DirectoryInfo(path);
                    dirInfo.Attributes = FileAttributes.Normal & FileAttributes.Directory;
                }
                file_[0].SaveAs(path + saveName + _tp);
                summer_list.state = "succes";
                summer_list.img_url = file + saveName + _tp;
            }
            else
            {
                summer_list.state = "error";
            }
            context.Response.Write(JsonConvert.SerializeObject(summer_list));

        }
　　　　　//返回的类
        public class sumnmer_data {
            public string state { get; set; } //（成功为succes，失败为error）
            public string img_url { get; set; }//图片存到本地的路径
        }

 var markupStr = $('#summernote').summernote('code');
 console.log(markupStr) // 打印到控制器