带页眉和页脚的速度邮件

时间:2018-01-26 10:05:32

标签: html css email html-email velocity

我们有数百封复制的邮件都是用Velocity编写的,但它们都基于相同的设计,因此我需要一种有效的方法来处理页眉和页脚。今天,每封电子邮件都只是从模板文件中复制而来,如果我需要更改它的搜索和替换内容,然后祈祷它能抓住它。

对于Velocity来说,我是一个绝对的菜鸟,因为我是一名设计师,所以想知道一些专家的想法。但我有一些必须:

1)我必须能够在编辑时预览结果。现在我在浏览器中预览,但它不需要在浏览器中。我只需要能够看到并做出改变。因此,我不能只包含其他文件的页眉和页脚,因为当我预览邮件时,HTML和CSS不在那里。我必须看到我用其他语言设计的东西。

2)我希望页眉和页脚在任何地方都一样。所以我可以改变它们,它会涟漪到每一封邮件。然后每封电子邮件都会处理内容。

任何专业创意?

1 个答案:

答案 0 :(得分:1)

目前,view online速度模板没有选项,但您可以使用工具JMeter JSR 223元素在HTTP级别执行速度模板。 - 你必须使用支持JSR223的速度核心2 jar。

您应该创建header.vel和footer.vel并在模板中添加include statement。例如:

function drawChart() {
        var data = google.visualization.arrayToDataTable([
          ['Phase', 'Sales', 'Expenses', 'Profit'],
          ['1', 20, 40, 70],
          ['2', 90, 75, 50],
          ['3', 20, 40, 10],
          ['4', 30, 75, 80],
          ['5', 100, 75, 50],
          ['6', 50, 90, 50],
          ['7', 100, 75, 20],
          ['8', 40, 30, 50],
        ]);

        var options = {
          tooltip: { trigger: 'none'},
          bars: 'vertical',
          vAxis: {format: 'decimal'},
          enableInteractivity: false,
          height: 400,
          colors: ['#ac226d', '#016ac6', '#fff'],
          backgroundColor: '',
          legend: { position: "none" },
          bar: {groupWidth: "15%"},
          hAxis: {
             textStyle:{color: '#FFF'}
            },
         series: {
             lineWidth: 10
             },
          vAxis: { 
             textStyle:{color: '#FFF'},
          },
        };

        var chart = new google.charts.Bar(document.getElementById('chart_div'));

        chart.draw(data, google.charts.Bar.convertOptions(options));
      }