在 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>