summernote富文本编辑器基本使用

 <link href="../../commons/jslib/hplus/css/bootstrap.min.css"
          rel="stylesheet">
          <!--引入富文本插件css-->
 <link href="../../commons/jslib/hplus/css/plugins/summernote/summernote.css" 
    rel="stylesheet">
 <link href="../../commons/jslib/hplus/css/plugins/summernote/summernote-bs3.css" 
    rel="stylesheet">
     <script src="../../commons/jslib/hplus/js/jquery.min.js?v=2.1.4"></script>
     <script src="../../commons/jslib/hplus/js/bootstrap.min.js?v=3.3.5"></script>
     <!--引入富文本插件js-->
    <script src="../../commons/jslib/hplus/js/plugins/summernote/summernote.min.js"></script>
    <script src="../../commons/jslib/hplus/js/plugins/summernote/summernote-zh-CN.js"></script>

<div class="summernote" id="summernote">
</div>

$(function(){
	 //summernote初始化
     $('#summernote').summernote({
           lang:'zh-CN',
           focus:true,
           tabsize:2,
            //回调函数，重写onImageUpload方法
            //注意下这里，如果你引入的是summernote.js的话这里得放在callbacks里面
           onImageUpload:function (files,editor,$editable){
               sendFile(files,editor,$editable);
             }
      });
});
 //上传图片
 function sendFile(files,editor,$editable) {
     var formData=new FormData();
     formData.append('files',files[0]);
     $.ajax({
         url:'/opms/noticeInfo/uploadImage',
         type:'post',
         data:formData,
         cache:false,
         contentType: false,//不重写表单头部信息
         processData:false,//不序列化data,直接提交data
         dataType: 'json',//以json形式接收返回值
         success:function (data) {
             if (data.success==true){
                 //data是返回的hash,key之类的值，key是定义的文件名
                 editor.insertImage($editable,data.img);
             }else{
                 swal('系统提示','图片上传失败','warning');
             }
         },
         error:function () {
             swal('系统提示','图片上传失败','error');
         }
     });
 }

//后台上传图片
    @RequestMapping("/uploadImage")
    @ResponseBody
    public String uploadImage(@RequestParam(value ="files",required = false)MultipartFile file,
                              HttpServletRequest request){
        //设一个List专门存上传图片的名字(方便取消发布公告之后的删除)
        List<String> imageList=new ArrayList<>();
        JSONObject json=new JSONObject();
        //服务器端文件夹物理路径
        String path=request.getSession().getServletContext().getRealPath("noticeImage");
        //获取文件名
        String fileName=file.getOriginalFilename();
        //截取文件名的后缀
        String suffix=fileName.substring(fileName.lastIndexOf(".")+1);
        //生成UUID
        String UUID= UUIDGenerator.getUUID();
        //修改之后的文件名
        String newFileName=UUID+"."+suffix;
        //将文件名存入imageList
        imageList.add(newFileName);
        //将imageList存入session
        request.getSession().setAttribute("imageList",imageList);
        //实例化一个文件对象，表示目标文件(含物理路径)
        File targetFile=new File(path,newFileName);
        if(!targetFile.exists()){//测试此抽象路径名表示的文件或目录是否存在
            //若不存在，创建由此抽象路径名命名的目录，包括任何必需但不存在的父目录。
            targetFile.mkdirs();
        }
        try{
            //将文件上传到服务器上的指定位置
            file.transferTo(targetFile);
            //返回保存的url，根据url可以进行文件查看或者下载
            String url=request.getScheme() + "://" + request.getServerName() + ":" +request.getServerPort() + "/opms/noticeImage/" + newFileName;
            json.put("success",true);
            json.put("img",url);
            return json.toString();
        }catch (Exception e){
            e.printStackTrace();
            return "{\"success\":\"false\",\"img\":\"error\"}";
        }
    }

 //获取编辑器的代码
  var content=$('#summernote').code();

$('#summernote').code('这里插入内容');