首先布置编辑器
$(document).ready(function () {
【summernote编辑器批量上传图片】
//初始化编辑器
$('.summernote').summernote({
lang: 'zh-CN',
height: 200,
//默认是base64上传,现在改为选中图片后则异步上传到服务器
onImageUpload: function(files, editor, welEditable) {
var files_length = files.length;
//此处循环上传每一个图片
for(var i=0;
i
//$('.summernote').code(''); //编辑器初始化后默认有一些p元素,此处为清空编辑器,在编辑页面则不需要此操作 }); //异步批量上传图片
function sendFile(file, editor, welEditable) {
data = https://www.it610.com/article/new FormData();
data.append("file", file);
$.ajax({
data: data,
type: "POST",
url: "/admin/worksmanage/imageupload", //服务器端上传方法
cache: false,
contentType: false,
processData: false,
success: function(url) {
$(".note-editable").append(url);
//将服务器返回的值加入编辑器容器里
}
});
}
//在点击提交按钮之前,将编辑器所有内容赋值于一个隐藏元素,方便服务器端接收编辑器内容
var saveform = function(){
var $form = $("form.form-horizontal");
var editor = "";
$form.append(editor);
$form.submit();
};
ps:注意去把编辑器的上传选框改为可以多选(将plugins/summernote/summernote.min.js里的 改为 ,增加了一个multiple即可以多选了)