반응형
$('#summernote').summernote({height: 300, focus:true, maxWidth:500,
lang : 'ko-KR',
callbacks: {
onImageUpload: function(image) {
var file = image[0];
var reader = new FileReader();
reader.onloadend = function() {
var image = $('<img>').attr('src', reader.result);
image.attr('width','100%');
$('#summernote').summernote("insertNode", image[0]);
}
reader.readAsDataURL(file);
}
}
});
위에서 중요한 부분은,
콜백함수로 받은 이미지에 폭을 100%로 지정하는 부분입니다.
이렇게 하시면 이미지 업로드시 폭 조절이 가능합니다.
반응형