썸머노트 이미지 업로드 후 수정시 오류

안녕하세요,

케이보드 글 작성시 에디터를 썸머노트로 적용하고 잘 사용하였으나

에디터 내부 기능으로 이미지를 올리고, 다시 수정하려고 하면 오류가 납니다.

그리고 삽입된 이미지 url이 아주 길게 나옵니다.

혹시 저희만의 문제인지, 아니면 썸머노트 자체의 문제인지 확인 부탁드립니다!

 

만약 이 기능을 사용하지 않는 것이 좋다면, 에디터 내에서 사진 첨부 기능을 삭제할 수 있는지도 문의드립니다.

좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기
워드프레스 에러 기술지원 서비스 전문가에게 맡기세요
  • 안녕하세요~^^

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

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

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

    수정 시 텍스트가 표시된다는 말씀이신지요?

     

    워드프레스에서 에러 혹은 알 수 없는 문제가 있을 때 대응 방법을 참고하셔서

    에러 메시지나 충돌이 있는지 점검해보셔야 할 듯합니다.

     

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

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

    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

    고맙습니다.

좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기