ㄴㅇㄹㄴㅇㄹ
\n ㄴㅇㄹ버튼\n
\n ![\"\"](\"https://placehold.co/600x200/e5e7eb/64748b?text=Image\")
\n
ㄴㅇㄹ
ㄴㅇㄹ
설명
++ 템플릿을 선택하거나 직접 작성하여 메일을 발송하세요 +
++ 💡 일반 텍스트로 작성하면 자동으로 메일 형식으로 변환됩니다 +
+``` + +**개선 사항:** +- ✅ HTML 지식 없이도 사용 가능 +- ✅ 일반 텍스트 입력 후 자동 HTML 변환 +- ✅ 사용자 친화적인 안내 메시지 + +#### 3. CC/BCC 기능 추가 +**구현 내용:** +```tsx +{/* To 태그 입력 */} ++ 파일을 드래그하거나 클릭하여 선택하세요 +
++ 최대 5개, 각 10MB 이하 +
+메일이 발송되었습니다
++ {to.length}명에게 전송 완료 +
+| \n ㄴㅇㄹㄴㅇㄹ \n ㄴㅇㄹ버튼\n \n ㄴㅇㄹ ㄴㅇㄹ | \n
ㄴㅇㄹ
\r\nㅓㅏㅣ
\r\n| \n 텍스트 영역 1 \n 버튼1\n \n 텍스트 영역2 텍스트 영역3 | \n
선택메시지 영역
\r\nasd
\r\n| \n 안녕안녕하세요 이건 테스트용 템플릿입니다용22 \n 네이버로 가는 버튼2\n \n 안녕하세용 [222]이안에 뭘 넣어보세용 여기에 뭘 또 입력해보세용[222] 안에 넣어도 돼요 | \n
ㄴㅇㄹㄴㅇㄹㄴㅇㄹ
\r\n| \n 안녕안녕하세요 이건 테스트용 템플릿입니다용 \n 네이버로 가는 버튼\n \n 안녕하세용 [뭘 넣은 결과 입니당]이안에 뭘 넣어보세용 여기에 뭘 또 입력해보세용[안에 뭘 넣은 결과입니다.] 안에 넣어도 돼요 | \n
\n
| \n
이건 저장이 안되는군
\r\n텍스트를 입력하세요...
텍스트를 입력하세요...
텍스트를 입력하세요...
\n어덯게 나오는지 봅시다 추가메시지 영역이빈다.
\r\nㅁㄴㅇㄹㅁㄴㅇㄹㄴㅁㅇㄹ
\r\nㅁㄴㅇㄹ
\r\nㅁㄴㅇㄹ
\r\nㅁㄴㅇㄹ
\r\n2
\r\nㅁㄴㅇㄹㅁㄴㅇㄹㅁㄴㅇㄹ
\r\nㅁㄴㅇㄹ
\r\n|
+`;
template.components.forEach((component: any) => {
switch (component.type) {
@@ -136,48 +303,51 @@ class MailSendSimpleService {
if (variables) {
content = this.replaceVariables(content, variables);
}
- html += ` ${content} `;
+ // 텍스트는 왼쪽 정렬, 적절한 줄간격
+ html += `${content} `;
break;
-
case 'button':
let buttonText = component.text || 'Button';
if (variables) {
buttonText = this.replaceVariables(buttonText, variables);
}
- html += `
- ${buttonText}
- `;
+ // 버튼은 왼쪽 정렬 (text-align 제거)
+ html += `
+ ${buttonText}
+ `;
break;
-
case 'image':
- html += `
+ `;
break;
-
case 'spacer':
- html += ``;
+ html += ``;
break;
}
});
- html += '';
+ html += `
+ |
+
${p.replace(/\n/g, '
')}