Skip to content

embedImage and embedImageData destroy valid HTML email #110

@thedomeffm

Description

@thedomeffm

Package version

9.2.2

Describe the bug

I wanted to embed our logo in the footer of our mails, but the referred methods in the adonis doc does destroy the valid HTML body of the mail.

Without embed method

<!DOCTYPE html>
<html lang=3D"en">
    <head>
        <meta =
name=3D"viewport" content=3D"width=3Ddevice-width, initial-scale=3D1.0">
        <meta http-equiv=3D"Content-Type" content=3D"text/html; =
charset=3DUTF-8">
        <title>translation missing: de, mail.=
new_job_application_subject, { job_title: jobTitle }</title>
    </head>
    <body style=3D"font-family: Helvetica, sans-serif; =
-webkit-font-smoothing: antialiased; font-size: 16px; line-height: 1.3; =
-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; =
background-color: #f4f5f6; margin: 0; padding: 0;">
        <table role=3D"presentation" border=3D"0" cellpadding=3D"0" =
cellspacing=3D"0" style=3D"border-collapse: separate; mso-table-lspace: =
0pt; mso-table-rspace: 0pt; background-color: #f4f5f6; width: 100%;" =
width=3D"100%" bgcolor=3D"#f4f5f6">

<!-- and so on.... -->
Image

With the embed method

----_NmP-886f3958aecba5fb-Part_1
Content-Type: text/html; charset=utf-8
Content-Transfer-Encoding: quoted-printable

<!DOCTYPE html>
<html lang=3D"en">
    <head>
        <meta =
name=3D"viewport" content=3D"width=3Ddevice-width, initial-scale=3D1.0">
        <meta http-equiv=3D"Content-Type" content=3D"text/html; =
charset=3DUTF-8">
        <title>translation missing: de, mail.=
new_job_application_subject, { job_title: jobTitle }</title>
    </head>
    <body style=3D"font-family: Helvetica, sans-serif; =
-webkit-font-smoothing: antialiased; font-size: 16px; line-height: 1.3; =
-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; =
background-color: #f4f5f6; margin: 0; padding: 0;">
        <table role=3D"presentation" border=3D"0" cellpadding=3D"0" =
cellspacing=3D"0" style=3D"border-collapse: separate; mso-table-lspace: =
0pt; mso-table-rspace: 0pt; background-color: #f4f5f6; width: 100%;" =
width=3D"100%" bgcolor=3D"#f4f5f6">

<!-- and so on.... -->
Image

Used code snippet

<img src="{{ embedImage(app.makePath('resources/views/components/layout/hoorai-logo.png')) }}"
     height="48"
     style="display: block; border: 0; outline: none; text-decoration: none;">
<!-- no matter which is used, both are breaking the rendering -->
<img src="{{ embedImageData(rawBuffer, { filename: 'hoorai-logo.png' }) }}"
     height="48"
     style="display: block; border: 0; outline: none; text-decoration: none;">

Reproduction repo

No response

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions