A cross-browser development tool for HTML email
EmailTools allows you to see Image Alt styling, empty links and have a fast overview of an HTML email WITHOUT touching the source code for the HTML.
Note: _Javascript NEEDs to come out of HTML for send-time through your Email Service Provider (ESP).
Aim to have a dynamic interface that does not touch the HTML in email that can assist design/development time. To also QA (Quality Assure) critical elements of HTML email code before deployment.
Download the latest release here.
Bookmarklet on codepen: here.
After forking/cloning put this code at bottom of your HTML body:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<link href="css/core.css" rel="stylesheet" type="text/css" />
<script src="scripts/core.js"></script>
You can put a data-driven IF statement from your ESP, a user-defined variable. Or using a primary key field in your send-data which is never empty:
<script><% var preSendScript = ""; if ( preSendScript == "REMOVED-ON-LIVE-SEND") { %></script>
<!--
Email Tools: Adobe Campaign: Auto-removes on send with user-defined variable | https://github.com/YodaSpow/EmailDevTools
-->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://currys-ssl.cdn.dixons.com/css/themes/email/Assets/emailTool/core.js"></script>
<link href="https://currys-ssl.cdn.dixons.com/css/themes/email/Assets/emailTool/core.css" rel="stylesheet" type="text/css" />
<script><% } %></script>