Inky
函式庫Inky 是一種範本語言，可將簡單的 HTML 標籤轉換為電子郵件所需的複雜表格 HTML。
概觀
HTML 電子郵件需要表格中的表格中的表格才能正常運作。儘管電子郵件基礎已解決了建構這些表格的許多問題，但我們使用 Inky 讓這一切變得更簡單，Inky 是一種範本語言，可將 <row> 和 <columns> 等簡單的 HTML 標籤轉換為複雜的表格 HTML。
Inky 讓您遠離表格的海洋，專注於您的電子郵件。看看這個範例，按一下「切換到 Inky」查看差異。
<container>
<row>
<columns>Put content in me!</columns>
</row>
</container><html>
<head></head>
<body>
<table align="center" class="container">
<tbody>
<tr>
<td>
<table class="row">
<tbody>
<tr>
<th class="small-12 large-12 columns first last">
<table>
<tbody>
<tr>
<th>Put content in me!</th>
<th class="expander"></th>
</tr>
</tbody>
</table>
</th>
</tr>
</tbody>
</table>‍
</td>
</tr>
</tbody>
</table>
</body>
</html>示範
更多關於如何將 Inky 納入您的工作流程
標籤
Inky 目前支援這些自訂標籤
- 格線
<container><row><columns>
- 按鈕：
<button> - 標註：
<callout> - 選單
<menu><item>
常見問題
以下是關於 Inky 的一些常見問題
什麼是範本語言？
基本上，它只是自訂的 HTML 標籤。此語言會理解 <row> 和 <columns> 等內容。由於電子郵件用戶端只會使用基於表格的 HTML，因此這些標籤實際上並不會出現在收件者的收件匣中。相反地，它會轉譯成我們用於響應式電子郵件方法所需的基於表格的 HTML。
它是如何運作的？
我們執行一個 Gulp 任務，它會執行您的程式碼，識別我們的自訂 Inky 標籤，並將它們轉譯成有效的 HTML。對於技術較為熟練的人，您可以在我們的 Github Repo 上查看我們的任務。
Inky 內建於 ZURB 堆疊中，但您也可以單獨使用 Inky，或將它整合到您自己的建置流程中。請參閱 Inky 自述檔以了解更多資訊。
我必須執行 Gulp 任務才能讓 Inky 運作嗎？
是的。為了讓 Inky 監控您的檔案是否有變更，您需要執行 npm start 或 npm run build 才能看到變更反映出來。
我必須使用 Inky 嗎？如果我只想在表格中編寫自己的電子郵件怎麼辦？
您不需要在電子郵件中使用 Inky。您可以在表格中撰寫，或在同一封電子郵件中混合使用表格和 Inky。
Inky 的所有標籤和元件是什麼？
您可以在文件中的元件區段查看所有語法和範例。我們建議您從網格開始。
我發現一個錯誤，我該怎麼辦？
Foundation for Emails 完全開放原始碼，我們很樂意與社群互動。歡迎透過我們的GitHub repo提交錯誤，甚至解決錯誤。
