email-templates 相关问题

表+=` table += `<table border="0" width="760" align="center" cellpadding="0" cellspacing="0" > <tbody><tr bgcolor="#00205c"> <td height="40" style="color: #fff; font-size: 15px; font-weight: 700; font-family: 'Roboto', Arial, sans-serif; padding-left: 10px;"> ${dataset.name}</td> </tr> <tr> <td bgcolor="#fff" height="5"></td> </tr> </tbody> </table>`; table += '<table bgcolor="ffffff" border="0" width="760" align="center" cellpadding="0" cellspacing="0" style="margin: 0 auto; border: 1px solid black;">'; table += '<thead>'; table += '<tr bgcolor="#00205c">'; dataset.columns.forEach((field) => { table += `<th align="left" style="color: #fff; font-size: 14px; font-family: 'Roboto', Arial, sans-serif; padding-left: 10px">${titleCase( replaceUnderscores( `${field.label ?? (typeof field === 'string' ? field : field.name)}` ) )}</th>`; }); table += '</tr></thead>'; table += '<tbody>'; // Iterate over each record for (const record of dataset.records) { table += '<tr>'; // Create a new cell for each field in the record for (const column of dataset.columns) { table += `<td style = "color: #000; font-size: 15px; font-family: 'Roboto', Arial, sans-serif; padding-left: 20px; padding-top: 8px;padding-bottom: 8px; border-bottom:1px solid #d1d5db;"> ${formatDates(record[column.name])}</td>`; } table += '</tr>'; } table += '</tbody>'; table += '</table>'; 我正在制作这样的表格，它对于其他客户端（即 Outlook 网页版、gmail 等）运行良好但无法在 Outlook 经典 Windows 应用程序中工作预期结果我尝试过条件方法但没有成功我已附上 stackblitz 链接以供参考 https://stackblitz.com/edit/stackblitz-starters-cmqgwj?file=index.html 更新了 Outlook 客户端的屏幕截图：它从右侧被切掉我注意到一些可能导致该问题的潜在问题： 1。宽度和对齐方式：您在表格元素中使用 width="760" 和align="center" 属性。这些可能不受支持，或者可能会导致 Outlook Classic 出现问题。 2。 CSS 样式：您正在使用内联 CSS 样式，这可能与 Outlook Classic 的渲染引擎不兼容。 3。表结构：您的表结构非常复杂，多个表相互嵌套。这可能会导致 Outlook Classic 中的呈现问题。也许这些是唯一的解决方案：简化表结构：尝试通过删除不必要的表格并使用具有适当 thead、tbody 和 tr 元素的单个表格来简化表格结构。删除宽度和对齐属性：从表格元素中删除 width 和 align 属性，而是使用 CSS 样式来控制布局。使用与 Outlook 兼容的 CSS 样式：使用与 Outlook Classic 兼容的 CSS 样式。例如，不要使用 style="color: #fff； font-size: 15px;”，使用 style="font: 15px 'Roboto', Arial, sans-serif; color: #fff;"。我的建议： table += ` <table border="0" cellpadding="0" cellspacing="0" style="margin: 0 auto; border: 1px solid black;"> <thead> <tr bgcolor="#00205c"> ${dataset.columns.map((field) => ` <th style="font: 14px 'Roboto', Arial, sans-serif; color: #fff; padding-left: 10px;"> ${titleCase(replaceUnderscores(`${field.label ?? (typeof field === 'string' ? field : field.name)}`))} </th> `).join('')} </tr> </thead> <tbody> ${dataset.records.map((record) => ` <tr> ${dataset.columns.map((column) => ` <td style="font: 15px 'Roboto', Arial, sans-serif; color: #000; padding-left: 20px; padding-top: 8px; padding-bottom: 8px; border-bottom: 1px solid #d1d5db;"> ${formatDates(record[column.name])} </td> `).join('')} </tr> `).join('')} </tbody> </table> `; 我认为这是唯一的解决方案。

javascript css outlook email-templates

回答 1 投票 0

grapesjs-preset-webpage：无法使用命名空间“Editor”作为类型

我即将使用grapesjs预设网页，按照指南工作，并安装了插件grapesjs-preset-webpage并在angular.json文件中添加了样式和脚本，没有插件的代码是

angular typescript email-templates grapesjs

回答 2 投票 0

电子邮件中的 CSS 在新版和旧版 Outlook 中的工作方式不同

我一直在尝试让按钮在电子邮件模板中以特定方式查看，但在旧 Outlook（版本 2405）上的 a 标签宽度方面遇到了困难我想要的是 a 元素来填充 td

html css outlook html-email email-templates

回答 1 投票 0

Base64 图像显示在 Outlook 电子邮件正文中，但在 Gmail 中不显示图像，Gmail 无法识别 Base64 字符串

我有一个电子邮件模板，位于Azure中，在asp.net core api中，我在base64字符串中生成QR，我将其用作img src（如下所示：我有一个电子邮件模板，位于 Azure 中，在 asp.net core api iam 中生成 Base64 字符串中的 QR，我将其用作 img src （如下所示：在尝试发送带有嵌入图像的电子邮件时，我遇到了许多挑战，特别是当这些图像采用 Base64 格式时。许多电子邮件客户端（包括 Gmail）不直接支持 Base64 图像。经过大量研究和实验，我终于找到了一个非常有效的解决方案（将 base64 转换为 blob 并使用它）： https://www.labnol.org/gmail-base64-images-231026 这是一个通用的 PHP 解决方案，使用 PHPMailer 将 base64 图像转换为 blob 并将其嵌入到电子邮件中：使用 PHPMailer 的通用 PHP 解决方案 php代码： use PHPMailer\PHPMailer\PHPMailer; use PHPMailer\PHPMailer\Exception; require 'path/to/PHPMailer/src/Exception.php'; require 'path/to/PHPMailer/src/PHPMailer.php'; require 'path/to/PHPMailer/src/SMTP.php'; // Your email setup $mail = new PHPMailer(true); try { // SMTP configuration $mail->isSMTP(); $mail->Host = 'smtp.example.com'; $mail->SMTPAuth = true; $mail->Username = '[email protected]'; $mail->Password = 'your-email-password'; $mail->SMTPSecure = PHPMailer::ENCRYPTION_SMTPS; $mail->Port = 465; // Recipients $mail->setFrom('[email protected]', 'Your Name'); $mail->addAddress('[email protected]'); // Subject $mail->Subject = 'Your Subject'; // HTML content with base64 image $htmlContent = '<html><body><p>Hello,</p><img src="data:image/png;base64,YOUR_BASE64_IMAGE_HERE" /></body></html>'; // Convert base64 images to blobs and embed them as inline images $htmlBody = $htmlContent; $inlineImages = []; preg_match_all('/<img src="data:image\/(png|jpeg|gif);base64,([^"]+)"[^>]*>/i', $htmlBody, $matches); foreach ($matches[0] as $index => $base64ImageTag) { $format = $matches[1][$index]; $base64Data = $matches[2][$index]; $imageByte = base64_decode($base64Data); $imageName = uniqid(); $imageBlob = new \stdClass(); $imageBlob->data = $imageByte; $imageBlob->type = "image/$format"; $newImageTag = str_replace("src=\"data:image/{$format};base64,{$base64Data}\"", "src=\"cid:$imageName\"", $base64ImageTag); $htmlBody = str_replace($base64ImageTag, $newImageTag, $htmlBody); $inlineImages[$imageName] = $imageBlob; } $mail->Body = $htmlBody; foreach ($inlineImages as $imageName => $imageBlob) { $mail->addStringEmbeddedImage($imageBlob->data, $imageName, $imageName, 'base64', $imageBlob->type); } $mail->send(); echo 'Message has been sent'; } catch (Exception $e) { echo "Message could not be sent. Mailer Error: {$mail->ErrorInfo}"; } 关键步骤：识别 Base64 图像：使用正则表达式查找 HTML 内容中的所有 Base64 编码图像。将 Base64 转换为 Blob：将 Base64 图像数据解码为二进制格式 (blob)。为每个图像生成唯一标识符。嵌入图像：将 HTML 内容中的 base64 图像标签替换为 cid 标签。使用 addStringEmbeddedImage 将二进制图像作为内联附件添加到电子邮件中。适应：该方法可以适用于其他编程语言和电子邮件库（如Java的JavaMail、Python的smtplib等），通过使用类似的步骤解码base64图像，将其转换为二进制格式，并将它们作为内联图像嵌入到电子邮件内容中。

asp.net-core asp.net-mvc-4 base64 email-templates

回答 0 投票 0

Base64 图像无法在 Gmail 和 Outlook 中呈现

我们使用 SendGrid 向所有平台发送电子邮件，即 Gmail、Outlook 等。还使用SendGrid动态模板设计了电子邮件模板。我们有 Base64 图像并在电子邮件中使用了它

google-cloud-platform outlook base64 sendgrid email-templates

回答 3 投票 0

电子邮件模板内的 URL 未出现在给定 URL 上

我的 HTML 电子邮件模板中有一个类似于按钮的标签。我的代码中的 Achor 标签如下所示：点击这里恢复您的密码我的 HTML 电子邮件模板中有一个类似于按钮的标签。我的代码中的 Achor 标签如下所示： <a href="https://example.com">Click here to restore your password </a>。但是，当有人单击模板内的链接时，它会转到“url9216.example.com”，并且他们会看到“DNS_PROBE_FINISHED_NXDOMAIN”。有没有办法让我用按钮做一些事情，以便它转到 example.com 而不是 url9216.example.com。我尝试做这样的事情： <p> https://example.com</p> 这有效，但是当我将它添加到锚标记的 href 时。它会转到 url9216.example.com。就是这样：删除“https”：单击此处... 或者：让 url = "https://example.com" 单击此处...

html css angular email-templates

回答 1 投票 0

Vue3：渲染时将十六进制颜色转换为 RGB

由于某些电子邮件客户端不支持 RGB/RGBA 颜色值，我需要在电子邮件模板中使用十六进制代码，但似乎 vue3 在渲染时将十六进制转换为 RGB。有什么解决办法吗？

javascript html vue.js vuejs3 email-templates

回答 2 投票 0

AWS SES SendBulkTemplatedEmailResponse 用于跟踪电子邮件状态

我在这里指的是.net SDK，但我相信类级别的概念都是相同的。这是用于使用模板发送批量电子邮件（https://docs.aws.amazon.com/ses/latest/DeveloperGuide/send-personal...

amazon-web-services amazon-ses email-templates bulk-email amazon-simple-email-service

回答 2 投票 0

Collibra 工作流程发送邮件脚本

我是 Collibra 工作流程的新手，现在我必须维护旧的工作流程脚本。它使用了这段代码： mail.sendMails(userIds, "进程", null, 执行); 运行时，错误是：Unable t...

groovy workflow email-templates collibra

回答 1 投票 0

我们可以在不使用 z-index 的 html 电子邮件模板的情况下实现类似 z-index 的功能吗？

在创建 html 电子邮件模板时，我在使用表格在内容下方制作大背景文本时遇到问题。例如： ... 在创建 html 电子邮件模板时，我遇到了使用表格在内容下方制作大背景文本的问题。例如： <table> <td>bg-text-bottom-layered </td> <td>top-layer-content. </td> </table> 是否可以在不使用 z-index 的情况下制作顶层内容？如果你回答这个问题真的对我有帮助吗？据我了解，实现此目的的主要方法是使用 z-index。您能否分享一下 z-index 在您的案例中不起作用的原因？另外，不要忘记使用表行来组织表数据 (< tr >)。您希望在桌子后面有一个背景图片吗？如果是这样，我建议将您的表格包含在父 div 标签中。然后，您可以通过 CSS 为该 div 分配背景图像，并继续在此背景之上构建表格。希望这有帮助，祝你好运！ <3 背景文本底层

css html-table html-email email-templates html4

回答 1 投票 0

Thymeleaf 模板无法处理并抛出 NoSuchMethodError

我的 Thymeleaf 模板中的 th:href 属性遇到问题。我正在使用 Thymeleaf 版本 3.1.2.RELEASE 以及 Thymeleaf Spring5 集成。尽管设置了 th:href

java spring-boot thymeleaf email-templates

回答 1 投票 0

修复 yandex 邮件中的 HTML 电子邮件模板

我正在将模板发送到我的 yandex 邮件，一切正常。但我需要从 yandex 邮件转发此模板。当我单击前进时，模板将移至左侧。并且还以某种方式删除一些 css 或我...

html css html-email newsletter email-templates

回答 1 投票 0

oracle apex，将图像添加到电子邮件模板 html 正文

` `<div class="row" style="display: flex;"> <div style="flex: 33.33%; padding: 5px;" class="column"> <img src="#APP_FILES#icons/hololo.png" alt="Snow" style="width:50%"> </div> <div style="flex: 33.33%; padding: 5px;" class="column"> <img src="https://i.hizliresim.com/mxyxumi.png" alt="Forest" style="width:50%"> </div> </div> 这是我的电子邮件模板正文，我想从应用程序添加图像，但我无法做到，有人可以帮忙吗？我有一个发送电子邮件流程，我想通过电子邮件模板发送邮件，在我尝试过的代码中，如 #APP_FILES#icons/hololo.png 但我无法做到。我希望人们即使没有互联网也能看到我的电子邮件模板中的所有内容，我该怎么做更改 URL 以引用 Content-ID： <img src="cid:hololo.png" alt="Snow" style="width:50%"> 然后将文件 #APP_FILES#icons/hololo.png 读入 BLOB 并将其作为附件添加到您的电子邮件中（参见 APEX_MAIL.ADD_ATTACHMENT），名称为 hololo.png。替换“#APP_FILES#”仅存在于 apex 会话的上下文中。它在运行时由 APEX 引擎解析。在 APEX 之外的 html 文件或电子邮件中，它没有任何意义。当某人在电子邮件客户端中打开电子邮件时，APEX 不在图片中。因此，如果电子邮件正文中引用了图像，则该图像需要可供电子邮件客户端使用，以便进行渲染 - 通常在 Intranet 内（在这种情况下，用户在访问时将能够看到电子邮件中的图片）登录到 Intranet）或（如果需要）登录到公共互联网。无论哪种方式，都需要一个完全限定的 url。 amigo pudo hacer lo de la imagen？

html email oracle-apex email-attachments email-templates

回答 3 投票 0

从 php CodeIgniter 发送时，电子邮件模板在 gmail 中不起作用（未显示正确的样式）

在此输入图像描述请参考图片，gmail 未显示正确的 html、css 样式想要在 Gmail 中显示电子邮件模板。我正在通过 php CodeIgniter 发送邮件。

php html email gmail email-templates

回答 1 投票 0

email-templates 相关问题

最新问题