通过mailto:实现web/html邮件模板唤起新建邮件并填写内容

一、背景

在实现网站、html邮件模板过程中,难免会遇到需要通过邮箱向服务提供方发起技术支持等需求,因此,我们需要通过一个功能,能新建邮件并提供模板,提高沟通效率

二、mailto协议配置说明

参数 描述
mailto:name@email.com 唤起邮件收件人地址,多个邮箱以英文分号分隔
cc=name@email.com 唤起邮件抄送人地址,多个邮箱以英文分号分隔
bcc=name@email.com 唤起邮件密送人地址,多个邮箱以英文分号分隔
subject=subject text 唤起邮件主题,需要url转码
body=body text 唤起邮件正文,需要url转码
? 链接第一个参数分隔符
& 链接其他参数分隔符
html 复制代码
<a href="mailto:name1@test.com;name11@test.com?cc=name2@test.com;name12@test.com&bcc=name3@test.com;name13@test.com
&subject=The%20subject%20of%20the%20email
&body=The%20body%20of%20the%20email">测试创建邮件</a>

URL 编码说明

mailto: 链接中的标题和正文需要进行 URL 编码:

  • 空格:%20
  • 换行符:%0D%0A
    其中,Foxmail客户端换行需要通过<br/>实现,URL编码%3Cbr%2F%3E,但outlook不兼容
相关推荐
huali7 小时前
vue-split-screen:让 Vue Router 的导航轨迹变成两个页面
前端·javascript·vue.js
bug总结7 小时前
uniapp总结
开发语言·前端·javascript
云运维笔记7 小时前
华为VRP系统文件管理全攻略
前端·华为
走到天涯海角7 小时前
pinia和Vuex的区别以及使用pinia
开发语言·前端·javascript
电梯界知识分子7 小时前
江西抚州临川九尊府五层别墅:受限楼梯间里,全黑铝合金观光井道配曳引龙门架的落地记录
大数据·前端·网络·算法·家用电梯
晴天168 小时前
Web 页面内存溢出与 CPU 溢出:区别、诊断与最佳实践
前端·javascript
摸鱼仙人~8 小时前
需求深度分析提示词-grill me
前端·chrome
Highcharts.js8 小时前
常见报错排雷指南3:兼容性问题的官方解法
前端·javascript·react.js·可视化·highcharts·报错解法
雪芽蓝域zzs8 小时前
第三十六节:keep-alive 页面缓存(Vue3 + 后台管理系统)
前端·vue.js·缓存
言乐68 小时前
Python加速器2视频网页加速器
前端·javascript·css·python·音视频