在 mailto 链接中使用时，换行符无法正确显示

Question

ts

 send(): void {
    const body: string = `First Name: ${this.form.value.firstName}` + '\n' + `Last Name:${this.form.value.lastName}`;
    console.log('body', body);
    const url: string = `mailto:me@y.com?Subject=Sell My House&body=${body}`;
    window.open(url);
  }

Console.log 正确显示：

body First Name: sampath
Last Name:lokuge

但是为什么 email 客户端没有正确显示

Answer 1

OP的反馈

我已经这样做了：即%0D%0A

const body: string = `First Name: ${this.form.value.firstName}` + '%0D%0A' + `Last Name: ${this.form.value.lastName}`

原来的

这是 HTML 和空格的正常行为。 所有空白都被压缩为一个，并被视为一个空格。
https://developer.mozilla.org/en-US/docs/Glossary/Whitespace

css white-space 属性可以修复white-space: pre-line可能是您想要的，但还有其他选项https://developer.mozilla.org/en-US/docs/Web/CSS/white-space

现在，不管你的 email 客户是否会尊重你需要测试的 css white-space属性。 否则，您可能需要添加 HTML 换行符<br>或将每一行包装在<div>或<p>