如何编码mailto链接中的HTML字符串以隐藏邮件正文标记？

嘿，这个问题我碰到过好多次啦，先给你理清楚核心点：mailto协议本身并不支持在邮件正文中直接渲染HTML内容——绝大多数邮件客户端都会把body参数里的内容当成纯文本解析，所以哪怕你对HTML做编码，最终要么显示一堆HTML标签，要么被客户端直接过滤掉，没法渲染成你想要的表格样式。

那该怎么处理呢？给你两个可行方向：

1. 改用纯文本格式的表格 #

如果不需要复杂的边框样式，把HTML表格转换成纯文本结构，用制表符（URL编码为%09）分隔列，换行符（URL编码为%0A）分隔行，再用encodeURIComponent对整个文本做URL编码，这样邮件里就能显示整齐的纯文本表格了。示例代码：

// 构建纯文本表格内容
var plainTextBody = "Job #\tTask\tDate%0A" + 
                    "-------------------------%0A";
// 生成mailto链接，记得用encodeURIComponent编码正文
window.location = "mailto:?subject=Schedule&body=" + encodeURIComponent(plainTextBody);

这里的encodeURIComponent很关键，它会把文本里的特殊字符转换成URL安全的格式，避免破坏mailto链接的结构。

2. 若必须用HTML格式邮件，放弃mailto协议 #

如果一定要呈现带样式的HTML表格，mailto是做不到的，得换其他方式：

• 用服务器端发送邮件：比如用Node.js的nodemailer、PHP的PHPMailer这类库，直接在后端生成HTML邮件并发送，能完美控制邮件样式；
• 生成可复制的HTML片段：在页面上渲染出表格，给用户提供“复制邮件内容”的按钮，让用户复制后粘贴到邮件客户端里；
• 生成HTML文件：用data URI生成一个HTML文件，让用户下载后打开并转发，但这种体验不如服务器端发送流畅。

另外要提醒你：你现在代码里的htmlBody用了HTML实体（比如<代替<），这会让邮件正文显示成<table...>这类字符，反而不是你想要的效果，所以如果走纯文本路线，直接构建纯文本内容就好，不用转义HTML标签。

内容的提问来源于stack exchange，提问作者user979331