[WebProfilerBundle] Add a "previews tab in mailer profiler for HTML email

lyrixx · lyrixx · commit b5d55b48e22c · 2021-10-26T16:07:57.000+02:00
diff --git a/src/Symfony/Bundle/WebProfilerBundle/CHANGELOG.md b/src/Symfony/Bundle/WebProfilerBundle/CHANGELOG.md
@@ -1,6 +1,11 @@
 CHANGELOG
 =========
 
+5.4
+---
+
+ * Add a "preview" tab in mailer profiler for HTML email
+
 5.2.0
 -----
 
@@ -33,7 +38,7 @@ CHANGELOG
 -----
 
  * added information about orphaned events
- * made the toolbar auto-update with info from ajax reponses when they set the 
+ * made the toolbar auto-update with info from ajax reponses when they set the
    `Symfony-Debug-Toolbar-Replace header` to `1`
 
 4.0.0
diff --git a/src/Symfony/Bundle/WebProfilerBundle/Resources/views/Collector/mailer.html.twig b/src/Symfony/Bundle/WebProfilerBundle/Resources/views/Collector/mailer.html.twig
@@ -141,6 +141,18 @@
                                             </div>
                                             {% if message.htmlBody is defined %}
                                                 {# Email instance #}
+                                                <div class="tab">
+                                                    <h3 class="tab-title">HTML preview</h3>
+                                                    <div class="tab-content">
+                                                        <pre class="prewrap" style="max-height: 600px">
+                                                            <iframe
+                                                                src="data:text/html;base64;charset=utf-8,{{ message.htmlBody()|raw|base64_encode }}"
+                                                                style="height: 80vh;width: 100%;"
+                                                            >
+                                                            </iframe>
+                                                        </pre>
+                                                    </div>
+                                                </div>
                                                 <div class="tab">
                                                     <h3 class="tab-title">HTML Content</h3>
                                                     <div class="tab-content">
