안녕하세요
에디터는 썸머노트를 사용하고 있고 그냥 사용하면 깨지는 문제가 있어서 아이프레임으로 보기를 활성화 하고 있습니다.
본문에 ctrl v 나 드래그로 이미지를 삽입하면 작성 후 작성한 글에 들어갔을때 아무것도 뜨지 않는 문제가 있어서
ctrl v 로 이미지를 삽입하는 기능을 막고 싶습니다.
검색해본 결과 아래 코드를 function.php에 삽입하면 된다고 해서 넣어봤는데도 문제는 그대로였습니다.
도움 부탁드립니다.
add_filter( 'kboard_editor_custom_script', function( $script ) {
$script .= "
<script>
$(document).ready(function() {
$(element).summernote({
callbacks: {
onPaste: function(e) {
// 붙여넣기 시 이미지가 있는지 체크
var clipboardData = e.originalEvent.clipboardData || window.clipboardData;
if (clipboardData.items) {
// 붙여넣은 데이터 중 'image' 타입이 있으면 차단
for (var i = 0; i < clipboardData.items.length; i++) {
if (clipboardData.items[i].type.indexOf('image') !== -1) {
e.preventDefault(); // 이미지 붙여넣기 차단
alert('이미지 복사 붙여넣기는 허용되지 않습니다.');
return false;
}
}
}
}
},
// 추가로 이미지 업로드도 비활성화 하려면 이 부분을 설정
disableImageUpload: true
});
});
</script>
";
return $script;
});
안녕하세요~^^
남겨주신 코드에서 아래 부분에 element
가 정의되지 않았기 때문일 수 있습니다.
element
는 실제 썸머노트 에디터가 적용된 HTML 요소를 가리켜야 합니다.
따라서 이 부분을 정확하게 타겟팅해서 코드를 수정해보시겠어요?
$(element).summernote
썸머노트 코드 미러 공식 문서는
아래 링크를 참고 부탁드립니다.
https://summernote.org/examples/#codemirror-as-codeview
그렇기 때문에 수정해야 할 부분이 많거나
코드를 직접 수정하기 어려우시다면
프로젝트 의뢰에 상세 내용을 올려보세요.
https://www.cosmosfarm.com/project
고맙습니다.