在线时间:8:00-16:00
迪恩网络APP
随时随地掌握行业动态
扫描二维码
关注迪恩网络微信公众号
开源软件名称(OpenSource Name):Email-builder/gulp-email-builder开源软件地址(OpenSource Url):https://github.com/Email-builder/gulp-email-builder开源编程语言(OpenSource Language):JavaScript 85.8%开源软件介绍(OpenSource Introduction):gulp-email-builderUses Email Builder to inline css into HTML tags, send tests to Litmus, and send test emails to yourself. Example: <!DOCTYPE html>
<html>
<head>
<!-- styles will be inlined -->
<link rel="stylesheet" type="text/css" href="../css/styles.css">
<!-- styles will be embedded -->
<link rel="stylesheet" type="text/css" href="../css/otherStyles.css" data-embed>
<!-- link tag will be preserved and styles will not be inlined or embedded -->
<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css' data-embed-ignore>
<!-- styles will be inlined -->
<style>
p { color: red; }
</style>
<!-- styles will be embedded -->
<style data-embed>
h1 { color: black; }
</style>
</head>
<body>
<h1>Heading</h1>
<p>Body</p>
</body>
</html> You can see an example setups below Getting StartedInstall this gulp plugin next to your project's gulpfile with: Then add this line to your project's var emailBuilder = require('gulp-email-builder'); DocumentationPlace this in your gulp file. gulp.task('emailBuilder', function() {
return gulp.src(['./example/html/*.html'])
.pipe(emailBuilder(options).build())
.pipe(gulp.dest('./example/dist/'));
}); Other available methodsBesides the main
Example ...
.pipe(emailBuilder(options).sendEmailTest())
... OptionsView Email Builder options for all available options. Complete Examplevar EmailBuilder = require('gulp-email-builder');
var options = { encodeSpecialChars: true }
var builder = EmailBuilder(options);
gulp.task('emailBuilder', function() {
return gulp.src(['./example/html/*.html'])
.pipe(builder.build())
.pipe(gulp.dest('./example/dist/'));
}); TroubleshootingIf 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 they're having any issues. If that's not the case, submit an issue and we'll look into further. ContributorsThanks to all contributors for helping out. Further ReadingLicense |
2023-10-27
2022-08-15
2022-08-17
2022-09-23
2022-08-13
请发表评论