전체 메시지 본문을 로드하지 않는 계산된 속성을 사용하는 Mailto 링크

Question

mailto 링크는 수신자와 제목을 올바르게 로드하지만 이메일 본문이 매우 짧은 길이로 잘리는 것 같습니다. 내 이메일은 총 1500자이므로 mailto 제한 미만입니다. 이메일 본문이 약 200자 정도 잘린 것 같습니다.

사용자 입력을 markdown/html로 구문 분석하는 "marked.js"라는 패키지를 사용하고 있기 때문에 mailto 문자열에 계산된 속성을 추가합니다.

이 문제를 어떻게 해결할 수 있나요? 새 데이터 속성을 "emailFormat"으로 설정하고 페이지 설치 시 태그가 지정된 패키지를 통해 이메일 본문을 실행한 다음 데이터 속성으로 설정해 보았습니다. 이제 mailto 본문에 문자열을 추가하기만 하면 문제가 해결될 것이라고 생각했는데, 작동하지 않고 여전히 불완전한 이메일 본문을 받게 됩니다.

API 응답 데이터를 수신하고 태그가 지정된 패키지를 통해 실행되는 계산된 속성

으아아아

mailto href를 포함하는 콘텐츠와 버튼을 보여주는 템플릿 섹션

으아아아

mailto 계산 속성

letterContentToHtml() {
                if (this.formData.letterContent != null) {
                    return marked(this.formData.letterContent); // marked is package to parse user input to markdown/html. 
                }
                else {
                    return null;
                }
            },

Answer 1

하이퍼링크/앵커 태그의 HREF 속성에 데이터를 할당하기 전에 데이터를 URL 인코딩해야 합니다.

으아악

그렇지 않으면 ? 或 = 或 & 또는 일부 유니코드 문자와 같은 일부 예약된 문자를 방해할 수 있습니다.