안녕하세요,
케이보드 글 작성시 에디터를 썸머노트로 적용하고 잘 사용하였으나
에디터 내부 기능으로 이미지를 올리고, 다시 수정하려고 하면 오류가 납니다.
그리고 삽입된 이미지 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
고맙습니다.