mailtoリンクに本文を追加する方法

プレーンテキストの本文を追加する方法: mailtoリンクの"body"パラメータを使用して、プレーンテキストの本文を追加できます。以下は例です。

<a href="mailto:[email protected]?body=This%20is%20the%20email%20body">メールを送信する</a>

上記の例では、本文が「This is the email body」となります。スペースは"%20"でエンコードされます。

<a href="mailto:[email protected]?body=<h1>This%20is%20the%20email%20body</h1>">メールを送信する</a>

上記の例では、本文が<h1>This is the email body</h1>となります。

JavaScriptを使用して本文を動的に追加する方法: JavaScriptを使用すると、ユーザーが入力した内容などを動的に本文に追加することができます。以下は例です。

HTML:

<textarea id="emailBody"></textarea>
<button onclick="sendEmail()">メールを送信する</button>

JavaScript:

function sendEmail() {
  var emailBody = document.getElementById("emailBody").value;
  var mailtoLink = "mailto:[email protected]?body=" + encodeURIComponent(emailBody);
  window.location.href = mailtoLink;
}

上記の例では、ユーザーが入力したテキストをemailBodyというIDのテキストエリアから取得し、それをmailtoリンクの本文に追加しています。

これらの方法を使用すると、mailtoリンクに本文を追加することができます。目的に応じて適切な方法を選択し、必要に応じてカスタマイズしてください。