예전에 미디어블록 위아래로 여백 추가하는 코드 수정에 대해 클로드ai에게 물어본 결과입니다.

"

미디어 블록 위아래로 자동으로 줄바꿈이 추가되는 부분은 주로 insertAtCursor 메서드와 관련 있습니다. 코드를 살펴보니 여러 위치에서 미디어 블록을 삽입할 때 줄바꿈이 자동으로 추가되고 있습니다.

주요 수정이 필요한 부분은:

1. insertAtCursor 메서드 (약 1148줄 부근) - 미디어 요소를 삽입할 때 기본적인 동작을 정의
2. insertYouTube 메서드 (약 1652줄 부근) - 동영상 삽입 시 줄바꿈 추가
3. handleUrlImageUpload 메서드 (약 2280줄 부근) - URL 이미지 업로드 시 줄바꿈 추가
4. handleMultipleImageUpload 메서드 (약 2405줄 부근) - 다중 이미지 업로드 시 줄바꿈 추가
5. handlePaste 메서드 (약 2574줄 부근) - 이미지 붙여넣기 시 줄바꿈 추가
6. insertFileIcon 메서드 (약 4145줄 부근) - 파일 아이콘 삽입 시 줄바꿈 추가

이 메서드들에서 주로 다음과 같은 패턴으로 줄바꿈을 추가하고 있습니다:

const topBreak = document.createElement('p');
topBreak.innerHTML = '<br>';
currentBlock.parentNode.insertBefore(topBreak, currentBlock.nextSibling);

// 미디어 블록 삽입

const bottomBreak = document.createElement('p');
bottomBreak.innerHTML = '<br>';
wrapper.parentNode.insertBefore(bottomBreak, wrapper.nextSibling);

미디어 블록 주변에 자동 줄바꿈을 제거하려면 이러한 코드 블록을 수정해야 합니다. 예를 들어, 줄바꿈을 완전히 제거하거나 특정 조건에서만 추가하도록 변경할 수 있습니다.

가장 핵심적인 수정이 필요한 부분은 insertAtCursor 메서드입니다. 이를 먼저 수정하면 다른 여러 메서드에도 영향을 줄 수 있습니다.

"

다만 이게 ver3.0인가일 때 물어본거라서 줄 위치는 다를 수 있습니다.

기능 추가 답변:

이모티콘은 요즘 스마트폰 이모지 및 스티커 기능이 너무 잘 발달해서 굳이 추가할 효용성?이 없어서 추가는 어렵습니다.

멘션의 경우 Twave 테마를 사용하시면 T2Editor에서 뿐만 아니라 다른 에디터에서도 멘션을 할 수 있습니다.

필요 시 Twave에서 해당 부분만 추출해서 사용하실 수 있습니다. (쉬운 구조로 되어있습니다)