진형아빠이야기

안녕하세요.

진형아빠입니다.


저는 웹사이트를 제작할대 wysiwyg에디터로 summernote, 썸머노트를 사용하고 있습니다.

오픈소스이며 무료라서 좋은데요. 몇가지 사항들에 대해서는 공부를 하시고 사용하셔야 좋을듯 합니다.

많은 부분이 있지만 그 중한가지인 타 사이트 등의 html 스타일이 적용된 글을 복사하고 붙여넣을 경우 해당 html 스타일까지 통째로 붙여서 오는 사항에 대해서 처리하는 방법을 포스팅하려고 합니다 .

onPaste  콜백 함수에서 해당 사항을 처리하면 되는데요

getData('Text')를 사용해서 복사하려는 클립보드의 텍스트만 추출해서 데이터를 넣어주면 됩니다. 


$('.summernote').summernote({

        callbacks: {

            onPaste: function (e) {

                var bufferText = ((e.originalEvent || e).clipboardData || window.clipboardData).getData('Text');


                e.preventDefault();


                // Firefox fix

                setTimeout(function () {

                    document.execCommand('insertText', false, bufferText);

                }, 10);

            }

        }

    });


이 건 해결책을 찾기위해서 찾았던 stackoverflow의 해결책글 링크입니다.

http://stackoverflow.com/questions/30993836/paste-content-as-plain-text-in-summernote-editor


신고

Comment +0