提问人:Miguel Celos 提问时间:10/25/2023 最后编辑:Miguel Celos 更新时间:10/25/2023 访问量:36
将 HTML 超链接发送到 EmailJS API(以及其他可能的替代方法)
Sending HTML hyperlinks to EmailJS API (and other possible alternatives)
问:
我的目标是将一个包裹在我的 react 应用程序中的字符串中的 html 片段发送到 emailjs,一个保存模板的电子邮件 API。
我的代码
const getMessage = () => {
let base = "localhost:3000/approval/"
let link = base + employeeEmail + "/" + month + "/" + year
let msg = "<a href=\"" + link + "\" style=\" padding: 12px; border-left: 4px solid #d0d0d0; font-style: italic;\">View Timesheet</a>"
setMessage(msg);
console.log(message)
};
const sendEmail = (e) => {
e.preventDefault();
emailjs.sendForm('service', 'template', form.current, 'abc')
.then((result) => {
console.log(form.current)
}, (error) => {
console.log(error.text);
});
};
我尝试发送由我的 emailJS 模板中的变量 {{{ message }}} 接收的内容。 它在电子邮件正文中呈现“查看时间表”,而没有超链接。
当我将 msg 变量记录到控制台时,它看起来像这样 查看时间表
当它被传递给表单值时
谁能帮忙指出我缺少什么或我的问题的不同解决方案?
答:
0赞
Sergey Khomushin
10/25/2023
#1
链接URL无效,必须添加协议。
与其发送 HTML,不如在模板中创建一个链接。并将 URL 作为动态变量发送。
<a href="{{link}}" style="padding: 12px; border-left: 4px solid #d0d0d0; font-style: italic;">View Timesheet</a>
评论
0赞
Miguel Celos
10/25/2023
这也奏效了。尽管我有一个非常误导的假设,即在标签内发送动态变量是不正确的,因为当我之前尝试时变量会变成红色而不是蓝色。我还成功地发送了一个产生相同输出的 html 变量,并意识到我的错误是我的 URL 中缺少 http://,因此超链接呈现无法点击。一个非常愚蠢的错误,但希望这将在未来为某人节省时间。谢谢!
评论