Custom JavaScript

User guide

Introduction

Editor features

Clipboard Custom JavaScript ESPs Keyboard shortcuts Previews HTML recap Grids on mobile Raw HTML Revision history Rich text editor Send test emails Webfonts

Team management

Invite colleagues Manage roles

Other

Email client support Avoid pitfalls Serialized export/import Troubleshooting

API

API Webhooks

# Writing custom JavaScript

Select the Code-tab from the sidebar, and then JS from the top navigation.

# Autocomplete

If you have used custom CSS classes in your email, they are automatically completed in the JavaScript editor.

# Sandbox environment

The JavaScript is executed in a sandboxed environment, where some browser-environment features such as console and document are unavailable.

There is no restriction to the version of the EcmaScript syntax. You can use any syntax, including ES6, if your browser supports it.

For modification of the exported HTML, there is an instance of cheerio available. It is essentially a clone of jQuery, with mostly identical functions present. See below for examples.

# Examples

Here's a few examples of what you can do with the provided cheerio-instance:

// Wrap all images in a div
$('img').wrap($('<div class="image-wrapper"></div>'));

// Add customization attributes for StampReady-integration
$('.content-wrapper').attr('data-bgcolor', '#EEEEEE');
$('.column-module').attr('data-link-color', '#444444');

// Make an element deletable in Eloqua
$('.spacer').wrap('<span elq-delete="true">');

# Upon export

Whenever you export your email as HTML, the custom JavaScript is ran automatically.

# In case of runtime errors

If your custom JavaScript causes an error, the export fails. Refer to your browser console to see the error messages.

Clipboard ESPs

MailDeveloper is an advanced editor for HTML email templates.
Reduce email development time by hours now.

Try online demo or Read more

“I wish I could spend more time fixing email rendering issues.”

– No one, ever.

MailDeveloper

Contact

@maildeveloper [email protected]