Summernote: pasteHTML 사용시 각 node 사이에 br 이 추가됩니다.

[suya55]

pastHTML로 HTML content를 삽입시에
각

태그 사이에 <p><br></p> 가 추가로 삽입됩니다.
그래서 결과적으로는 원래 내용 사이사이에 new line이 생기게 됩니다.

$('[data-provider="summernote"]').each(function () {
        $summernote = $(this).summernote({
            toolbar: [
                ['style', ['style']],
                ['font', ['bold', 'underline', 'clear']],
                ['fontname', ['fontname']],
                ['color', ['color']],
                ['para', ['ul', 'ol', 'paragraph']],
                ['table', ['table']],
                ['insert', ['link', 'picture']],
                ['view', ['fullscreen', 'codeview', 'help']],
            ],
            lang: 'ko-KR',
            height: 300,                 // set editor height
            minHeight: null,             // set minimum height of editor
            maxHeight: null,             // set maximum height of editor
            focus: true,                  // set focus to editable area after initializing summernote
            callbacks: {
                onChange: function (contents, $editable) {
                    // console.log(contents);
                    $(this).val(contents);
                },
                onInit: function () {
                    console.log($(this).val());
                }
            }
        });
        $summernote.summernote('pasteHTML', $(this).val());
    });

$summernote.summernote('pasteHTML', $(this).val());에 해당하는 내용.

<p><span style="font-family: -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Roboto, Oxygen, Ubuntu, Cantarell, &quot;Fira Sans&quot;, &quot;Droid Sans&quot;, &quot;Helvetica Neue&quot;, sans-serif; font-size: 1.75rem;">adfa</span><br></p><p><span style="font-size: 1rem;">이거슨 공지여</span><br></p><p><img src="http://twg.beta.tset.daumcdn.net/blockadmintest/funding_test/91/79/9179833acb14a88dbd804f09265a622c.jpg" style="font-size: 1rem;"><br></p>

결과

<p><br></p><p><span style="font-family: -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Roboto, Oxygen, Ubuntu, Cantarell, &quot;Fira Sans&quot;, &quot;Droid Sans&quot;, &quot;Helvetica Neue&quot;, sans-serif; font-size: 1.75rem;">adfa</span><br></p><p><br></p><p><span style="font-size: 1rem;">이거슨 공지여</span><br></p><p><br></p><p><img src="http://twg.beta.tset.daumcdn.net/blockadmintest/funding_test/91/79/9179833acb14a88dbd804f09265a622c.jpg" style="font-size: 1rem;"><br></p><p><br></p>

추가적으로

v0.8.12 버전에는 아직 아래 PR이 포함되어있지 않아서 pastHTML할 때 순서가 반대로 뒤집혀서 붙여지게 됩니다. 아래 사항을 포함한 버전을 올려주시면 정말 감사하겠습니다. :)
https://github.com/summernote/summernote/pull/3325

What is your Operating System, Browser and Version and Summernote Version you are using:

This can help find and resolve any issues.

1. Operating System:
   osx
2. Browser and Version:
   chrome
3. Summernote Version (including which BS3, BS4, Lite or All):
   Summernote v0.8.12 , lite

[easylogic]

@suya55

줄바꿈이 자동으로 들어가는 문제에 대해서 확인 중에 있습니다.
수정 되면 알려드리겠습니다.

[easylogic]

일단 PR 을 만들어서 올렸습니다. 코어 부분을 고쳐야 하는게 있어서 테스트가 좀 더 필요한 상황입니다. Merge 되면 다시 말씀 드릴게요.

[easylogic]

v0.8.14 가 릴리즈 됐습니다. 이 버전을 사용해주세요.