背景

在 Hacker News 上，開發者 oahmadov 分享了他開發的開源郵件編輯器 Templatical。這款工具旨在成為 Beefree 或 Unlayer 等商業服務的開源替代方案，採用 Vue 3 與 TipTap 構建，並以 MJML 作為底層渲染引擎。該專案的核心訴求是提供一個可嵌入、無廠商鎖定且能產出跨客戶端相容 HTML 的視覺化編輯介面，特別針對需要讓非技術行銷人員自行調整郵件內容的企業場景。

社群觀點

社群對 Templatical 的出現普遍持正面態度，特別是針對目前市場上主流編輯器的高昂成本與廠商鎖定問題。許多開發者指出，現有的商業解決方案如 Beefree 或 Unlayer，往往將自定義區塊、合併標籤或顯示條件等進階功能鎖在昂貴的企業級方案後，且強制使用者必須透過其雲端 API 才能轉換 HTML。Templatical 採用的「客戶端 SDK」模式獲得了高度認可，因為它不儲存任何用戶數據，JSON 模板完全由開發者自行決定儲存位置，這種架構確保了隱私與系統整合的靈活性。

關於技術實作的討論中，社群成員關注這是否僅是現有工具如 GrapesJS 的分支。作者澄清 Templatical 是從零開始為郵件量身打造的，而非從網頁編輯器改造而來。這點引起了討論，因為郵件 HTML 的標準極其破碎且過時，直接操作 HTML/CSS 往往會導致在 Outlook 等客戶端出現排版崩潰。社群一致認為選擇 MJML 作為輸出格式是極為明智的決定，因為 MJML 已經解決了繁瑣的表格佈局與相容性問題，讓開發者能專注於語義化的區塊設計。

此外，資深開發者分享了過去在維護郵件模板時的痛苦經驗，認為這類工具最大的價值在於建立技術與非技術人員之間的橋樑。透過提供直觀的視覺化介面，行銷團隊可以自由調整內容而無需工程師介入排錯。針對擴充性，討論中也確認了該系統支援自定義區塊，開發者可以透過 Liquid 模板定義欄位，讓行銷人員在編輯器中填寫資料並即時預覽。這種「無頭渲染」的設計路徑，允許企業在發送交易郵件時，於後端將 JSON 樹狀結構轉換為 MJML 再編譯為 HTML，完美契合現代化的開發流程。

最後，關於專案的永續經營，作者提到未來將透過雲端加值服務如 AI 協作、即時評論與媒體庫管理來獲利，但核心的編輯與渲染功能將保持開源。這種不按發送量或聯絡人數計費的模式，被社群視為對抗 MailChimp 等傳統巨頭的有力競爭點。

延伸閱讀

• MJML：專為郵件設計的標記語言，解決跨客戶端相容性問題。
• Maily：另一款基於 React 構建的極簡郵件編輯器。
• GrapesJS：開源的網頁與郵件視覺化構建框架。
• TipTap：基於 ProseMirror 的無介面富文本編輯器框架。