본문 바로가기

프로그래밍

summernote 이미지 업로드시 폭 조절방법

반응형
        $('#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%로 지정하는 부분입니다.

이렇게 하시면 이미지 업로드시 폭 조절이 가능합니다. 

반응형