썸머노트 에디터 오류

게시판 내에 테이블 작성을 위해서 썸머노트를 사용하고 있습니다.

그런데 썸머노트 에디터에 이미지를 여러장 올리거나 큰이미지를 올리고 나서 게시글을 수정할때 오류가 발생합니다.

용량문제인거같아서 리사이즈해도 똑같이 오류가 납니다.

 

썸머노트로 이미지 여러장 업로드 하는것은 불가능할까요?

아니면 기본 워드프레스 에디터에 일반사용자도 테이블 작성을 할수 있는 방법이 있을까요?

 

게시글 수정시 아래와 같은 오류가 뜹니다.

https://imgur.com/Pef3UyQ

좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기
좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기
  • 안녕하세요~^^

    썸머노트 에디터는 기본적으로 이미지 업로드 시 base64 인코딩을 적용하고 있습니다.

    base64는 바이너리 데이터를 텍스트를 변경하기 때문에

    이미지 파일로 저장되지 않고 텍스트로 저장됩니다.

     

    따라서 이미지가 큰 파일인 경우 수정 시 

    메모리를 초과하는 정도의 텍스트를 불러오게 될 수도 있습니다.

     

    썸머노트 자체 기능을 사용하시기 보단 KBoard 사진 업로드 기능을 이용하여

    이미지를 삽입하면 해당 문제에서 벗어날 수 있습니다.

     

    워드프레스 기본 에디터에 기능을 추가하여 테이블을 작성하시려면

    아래 플러그인을 사용해보시겠어요?

    https://ko.wordpress.org/plugins/tinymce-advanced/

     

    썸머노트 에디터에서 이미지 첨부 기능을 사용하지 않게 하시려면

    아래의 코드를 활용해보세요.

    add_action('wp_head', 'wp_head_2020_04_10');
    function wp_head_2020_04_10(){
    	?>
    	<script>
    	jQuery(document).ready(function(){
    		var kboard_mod = jQuery('input[name=mod]', '.kboard-form').val();
    		if(kboard_mod == 'editor'){
    			if(kboard_current.use_tree_category == 'yes'){
    				kboard_tree_category_parents();
    			}
    			
    			if(kboard_current.use_editor == 'snote'){ // summernote
    				jQuery('.summernote').each(function(){
    					var height = parseInt(jQuery(this).height());
    					var placeholder = jQuery(this).attr('placeholder');
    					var lang = 'en-US';
    					
    					if(kboard_settings.locale == 'ko_KR'){
    						lang = 'ko-KR';
    					}
    					else if(kboard_settings.locale == 'ja'){
    						lang = 'ja-JP';
    					}
    					
    					jQuery(this).summernote({
    						toolbar: [
    							['style', ['style']],
    							['font', ['bold', 'underline', 'clear']],
    							['fontname', ['fontname']],
    							['color', ['color']],
    							['para', ['ul', 'ol', 'paragraph']],
    							['table', ['table']],
    							['insert', ['link', 'video']],
    							['view', ['fullscreen', 'codeview', 'help']],
    						],
    						fontNames: ['Arial', 'Arial Black', 'Comic Sans MS', 'Courier New', 'Helvetica Neue', 'Helvetica', 'Impact', 'Lucida Grande', 'Tahoma', 'Times New Roman', 'Verdana', 'Nanum Gothic', 'Malgun Gothic', 'Noto Sans KR', 'Apple SD Gothic Neo'],
    						fontNamesIgnoreCheck: ['Arial', 'Arial Black', 'Comic Sans MS', 'Courier New', 'Helvetica Neue', 'Helvetica', 'Impact', 'Lucida Grande', 'Tahoma', 'Times New Roman', 'Verdana', 'Nanum Gothic', 'Malgun Gothic', 'Noto Sans KR', 'Apple SD Gothic Neo'],
    						fontSizes: ['8','9','10','11','12','13','14','15','16','17','18','19','20','24','30','36','48','64','82','150'],
    						lang: lang,
    						height: height,
    						placeholder: placeholder
    					});
    				});
    			}
    		}
    	});
    	</script>
    	<?php
    }

    위의 코드에서 toolbar 쪽 설정을 변경하시면 다른 메뉴들도 안 보이게 하실 수 있습니다.

    테마의 functions.php 파일에 코드를 추가하거나 Code Snippets 플러그인을 사용해서 코드를 추가할 수 있습니다.

     

    아래의 관련 링크도 참고해보세요.

    https://summernote.org/getting-started/#i18n-support

    고맙습니다.

  • 답변 감사합니다~ 해결했어요!!

이미지 사진은 imgur에 업로드한 뒤 링크 걸어주세요.
좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기