T2Editor Ver5.0 (그누보드5 에디터)

추천!! 감사합니다.

가능하다면 이모티콘, 멘션도 추가하면 더 좋을것 같아요.

갠적으론 미디어,이미지등 넣을때 여백이 상하로 생기는것 같은데 아래쪽만 생기는게 더 나을것 같은데 이건 어디에서 수정 할 수 있나요?

예전에 미디어블록 위아래로 여백 추가하는 코드 수정에 대해 클로드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에서 해당 부분만 추출해서 사용하실 수 있습니다. (쉬운 구조로 되어있습니다)

감사합니다 ^^

감사 합니다.

수고하셨습니다 : ) 

mp4 링크로 올렸을 때 에디터 상에서는 영상이 뜨는데 확인 누르고 view화면에서는 영상이 뜨질 않습니당...

검토 결과 해당 링크에 문제가 있는 것 같습니다.

에디터에 mp4 링크 입력 후 즉시 비디오 블록이 보입니다.

아마도 커서가 textarea를 클릭했다가 다른 영역을(버튼 외)클릭해서 해당 현상이 일어난 것 같습니다. (Dsclub에 탑재된 버전과 동일한 버전인데 오류가 전혀 발생하지 않았습니다.)

https://sir.kr/g5_plugin/11459 적용해보세요.

구글 폰트등 가독성 좋은 폰트를 선택 할 수 있으면 좋겠어요.

감사합니다.
에디터 좋아요.^^
 

감사합니다 !