fix: paste wysiwyg list #1230
fix: paste wysiwyg list #1230
Conversation
| * @returns {number} depth | ||
| * @private | ||
| */ | ||
| _getContinuousDepth(el) { |
There was a problem hiding this comment.
이건 스콰이어에서 자식 리스트를 li 하위가 아니라 nextSlibling으로 생성하는 이슈 때문에 _getListDepth와 분리해서 생성된 것이죠~?
There was a problem hiding this comment.
앞에 전처리 과정에서 붙은 ul, li 태그들 때문에 추가된 depth를 현재 depth랑 비교하기 위해 추가하였습니다. 말이 조금 어렵네요..
| _getRemovedUnnecessayListWrapper(el, orgEl) { | ||
| while (el.querySelectorAll('ul,ol').length > orgEl.querySelectorAll('ul,ol').length) { | ||
| el = el.firstChild; | ||
| } | ||
| return el; | ||
| } |
There was a problem hiding this comment.
이 로직은 아래와 같은 경우를 처리할 때가 맞나요??
// el
<ul>
<li></li> ---> 반환
<ol>
<li></li>
</o>
</ul>// orgEl
<ul>
<li></li>
</ul>There was a problem hiding this comment.
만약에 복사한 원본 리스트가 아래와 같은데
<ul>
<li>
<ul>
<li></li>
</ul>
</li>
</ul>기존에 전처리 로직을 타게 되면 아래처럼 depth를 더 추가해서 이상하게 변경하더라구요. 그래서 원본 데이터에 맞게 depth를 보정하는 내용입니다.
<ul>
<li>
<ul>
<li>
<ul>
<li></li>
</ul>
</li>
</ul>
</li>
</ul>
| @@ -420,7 +420,7 @@ describe('WwPasteContentHelper', () => { | |||
|
|
|||
| expect(element.childNodes.length).toEqual(1); | |||
| expect(element.childNodes[0].tagName).toEqual('UL'); | |||
| expect($(element.childNodes[0]).find('li > ul > li > ul > li').length).toEqual(2); | |||
| expect($(element.childNodes[0]).find('li > div').length).toEqual(2); | |||
There was a problem hiding this comment.
불필요한 depth를 제거해서입니다~
|
테스트를 하다보니 이런 케이스가 발견되었는데요 ㅜㅜ 복사된 리스트의 시작점이 같은 뎁스의 리스트가 아니라 다른 경우에 첫 번째 리스트 아이템 이후의 리스트 아이템들은 모두 삭제가 되고 있는데 이런 경우도 고려해야될 것 같습니다. (프로즈미러도 고려는 안된 케이스 같아서 처리가 어렵다면 새 이슈로 등록해서 처리해도 될 것 같습니다~) |
|
[10/16] 리뷰 완료합니다! 역시나.. 간단하지 않은 이슈였군요 ㅜㅜ |
Please check if the PR fulfills these requirements
fix #xxx[,#xxx], where "xxx" is the issue number)Description
paste the wysiwyg list data considering current list depth
After fixing
Thank you for your contribution to TOAST UI product. 🎉 😘 ✨