基于模板动态生成html答案

【问题标题】：Dynamically produce html based on templates基于模板动态生成html
【发布时间】：2019-12-10 00:33:28
【问题描述】：

我正在尝试自动化工作流程，以便根据存储在电子表格中的信息自动创建 HTML 时事通讯。

目前，我正在使用时事通讯拖放工具，其中有几个预编程的块可用（例如全列块、2 列块等）。创建时事通讯时，我拖放一个块并填写我的内容（例如上传图片、插入网址）。这一切都很好，但是，因为我必须用 10 种不同的语言创建相同的时事通讯，所以这个过程非常耗时并且容易出现人为错误。虽然所有时事通讯的布局都相同，但图片和网址不同。

为了解决这个问题，我想摆脱拖放过程，而是以其他方式自动化工作流程。

我已经尝试过的一个想法是在 Excel 中动态创建所需的 HTML，但这对我来说似乎不是完美的选择。基本上思路就是把现有的块模板结构，用一些公式放到Excel中。

然后我可以复制和粘贴图片的链接（以简单的格式，例如 EN1.jpg、ES1.jpg 等）以及网址（url.com、url.es）。

这是一些示例块：

<a href="URL" target="_blank"><img alt="" align="center" width="700" style="max-width:700px;"  class="resetWidth" border="0"  src="IMAGE" /></a>

我的最终预期结果是这样的：

我以非常快速的方式定义布局（例如编写全列、半列、全列）。相应的代码取自模板。然后我以列表左右的形式提供属性（图像 url、链接 url）。最终结果应该是 10 个 html 文件，我只需将它们上传到时事通讯软件即可。

如果有人对此有任何想法，我将不胜感激。

【问题讨论】：

标签： html email templates newsletter

【解决方案1】：

翻译页面的另一种选择是执行类似https://www.w3schools.com/howto/howto_google_translate.asp 的操作它添加了要翻译成的语言选择。

至于图像的自动化，您可以为每种语言设置文件夹，并根据您想要的位置重复使用图像的名称，以便将它们放置在正确的位置。您只需用相同的文件名替换图像并在 Google 翻译器上交换默认语言即可。

所以像这样，html 将在图像名称方面保持不变

对于链接变量，你也许可以写一些 JS 或其他语言来利用

 <html lang="">

并根据设置的语言，插入一组指向文件的链接。

【讨论】：