Inline css, send email tests, and send Litmus tests
npm install grunt-email-builderUses Email Builder to inline css into HTML tags, send tests to Litmus, and send test emails to yourself.
As of v3.0.0, you will no longer be able to use the data-ignore attribute. Instead, use data attributes data-embed and data-embed-ignore to prevent email builder from inlining css styles.
Example:
``html
Body
You can see an example setups below
- example
- rwdemail by iDVB
Getting Started
Install this grunt plugin next to your project's [grunt.js gruntfile][getting_started] with:
npm install grunt-email-builderThen add this line to your project's
grunt.js gruntfile:`javascript
grunt.loadNpmTasks('grunt-email-builder');
`[grunt]: http://gruntjs.com/
[getting_started]: http://gruntjs.com/getting-started
Documentation
Place this in your grunt file.
`javascript
emailBuilder: {
test :{
files : {
'dest/ouput.html' : 'src/input.html'
}
}
}
`To build your files dynamically
`javascript
files : [{
expand: true,
src: ['*/.html'],
dest: 'dest/',
}]
`Options
View Email Builder options for all available options.
$3
`javascript
emailBuilder:{
inline: {
files: { 'dest/output.html' : 'src/input.html' },
options: {
encodeSpecialChars: true
}
},
litmus: {
files: { 'dest/output.html' : 'src/input.html' },
options: {
encodeSpecialChars: true,
litmus: {
username: 'username',
password: 'password',
url: 'https://yoursite.litmus.com',
applications: ['gmailnew', 'ffgmail', 'chromegmail']
}
}
}
}grunt.registerTask('inline', 'emailBuilder:inline');
grunt.registerTask('litmus', 'emailBuilder:litmus');
``If you're having issues with Litmus taking forever to load a test or the title of the test is showing up as "No Subject", it is most likely an issue with the Litmus API. You can check the Litmus status page to find out if their having any issues. If that's not the case, submit an issue and we'll look into further.
Release History
Release v2.0 Documentation