K보드 클립보드 이미지 붙여넣기 (paste_data_images 설정)

안녕하세요.

많은 사용자가 클립보드 이미지를 tinymce 에디터로 바로 붙여넣을 수 있는 기능을 희망하여 해당 기능을 추가하고자 합니다.

tinymce 에서 paste_data_images 속성을 true로 바꿔주면 클립보드의 이미지가 tinymce 에디터로 붙여넣기 되는 것을 확인했지만

selector를 '#wp-kboard_content-wrap' 나 다른 값으로 주면 K보드의 tinymce 레이아웃이 깨지는 문제가 있어서,

어느 부분을 수정해야 하는지 개발자분의 조언을 구하고자 문의를 남기게 되었습니다.

https://www.tiny.cloud/docs/plugins/opensource/paste/#paste_data_images

무료로 제공되는 옵션이여서, 이후 업데이트 시 이 속성이 반영되면 많은 사용자에게 도움이 될 것 같습니다.

항상 빠른 답변에 미리 감사드립니다.

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

    이미지 복사 -> 붙여넣기는

    워드프레스 내장 에디터와 해당 이미지를 복사한 쪽이 서로 호환이 돼야 가능합니다.

     

    올려주신 링크의 설정을 적용할 수 있을지는 저희도 확인을 해봐야 할 듯합니다.

    수정하신 파일의 경로와 어느 부분을 수정 시도하셨는지 알려주시면

    저희도 테스트 서버에서 테스트해보겠습니다.

    고맙습니다.

  • 안녕하세요?

    아래 자바스크립트를 init 으로 추가했습니다. K보드 게시글을 작성할 때 사용되는 에디터를 참고했고, 댓글 작성 에디터는 id가 고유값으로 매번 바뀌어서 다른 방법으로 해결해야 할 것 같더라구요 ^^;

    k보드 게시글이 로딩될 때 사용되는 tinymce 자바스크립트가 있으면, 이 속성만 추가해서 해결할 수 있을 듯 합니다만..^^; 잘 모르겠습니다.

    아래 코드 추가하면 게시글에 그림 붙여넣기가 잘 동작하지만, 에디터 서식이 깨지는 문제가 있습니다

    관련 이미지는 아래 링크 첨부하였습니다.

    https://imgur.com/a/TWvylHl

    	tinymce.init({
    	  selector: '#wp-kboard_content-wrap',  // change this value according to your HTML
    	  paste_data_images: true
    	});

    감사합니다.

  • KBoard 게시판에 삽입된 워드프레스 내장 에디터에

    paste_data_images: true 속성이 이미 추가되어 있는 듯합니다.

    KBoard 스킨의 editor.php 파일 하단에

    아래의 코드를 추가해서 개발자 도구(F12)를 확인해보시면 속성이 추가된 걸 확인하실 수 있습니다.

    <script>
    jQuery(document).ready(function(){
    	console.log(tinymce);
    });
    </script>

    https://imgur.com/a/4UlxB5q

     

    다른 제약사항이 있는지 찾아보고 해결 방법을 찾게 되면 다시 안내해드리겠습니다.

    고맙습니다.

  • 안녕하세요.

    아래 코드를 functions.php 에 추가해서 해결하였습니다.

    <?php
    function oppadu_tinymce_config( $init ) {
    
    	if ( isset( $init['plugins'] ) ) {
    		$init['plugins'] .= ' , wpeditimage';
    	}
    	$init['paste_data_images'] = true;
    		
    	// Pass $init back to WordPress
    	return $init;
    }
    add_filter('tiny_mce_before_init', 'oppadu_tinymce_config');

    항상 빠르고 정확한 답변 감사합니다 ^^

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