摘要：概述新課題研究響應(yīng)式郵件框架官網(wǎng)姐妹篇響應(yīng)式郵件框架介紹是一種標記語言，設(shè)計用于輕松實現(xiàn)一個響應(yīng)式郵件。電子行程單將稍后發(fā)送，屆時可憑借打印下來的電子行程單有效證件在機場值機柜臺直接換去登機牌，之后通過安檢，順利登機。

新課題研究：響應(yīng)式郵件框架MJML（MJML官網(wǎng)：https://mjml.io/）
姐妹篇： EDM響應(yīng)式郵件框架：Formerly Ink

MJML是一種標記語言，設(shè)計用于輕松實現(xiàn)一個響應(yīng)式郵件。它的語義語法使得它容易和簡單，而其豐富的標準組件庫可以減少你開發(fā)時間，并減輕您的郵件代碼庫。MJML是一個開源的引擎能夠?qū)JML轉(zhuǎn)換成響應(yīng)式布局的HTML.

畢竟是js編寫，需要node環(huán)境（4.2以上版本）

方法一 npm

npm install -g mjml

方法二 點擊下載[https://github.com/mjmlio/mjml/releases]

編譯文件

$> mjml -r input.mjml

編譯文件并輸出到output.html

$> mjml -r input.mjml -o output.html

編譯文件并實時更新至output.html

$> mjml -w input.mjml -o output.html

$> mjml --init-component 
# 組件不包含任何文本
# If your component cannot contain anything else than text:
$> mjml --init-component  -e
# 沒有東西 將被mjml引擎解析
# It means nothing inside it will be parsed by the mjml engine.

It will create a basic component template in a .js file. Follow the instructions provided in the file and read more about custom components in the documentation

[https://mjml.io/try-it-live]

  

    
      
Hey Title!
    

  



  

    
      Hey There!
    

  

  

    What can I do today?

    
      
Go to the store
      
sleep
      
eat
      
sleep again
    

  

 
    
      Don"t click me!
    
  

  
    

      
        
          Year
          Language
          Inspired from
        
        
          1995
          PHP
          C, Shell Unix
        
        
          1995
          JavaScript
          Scheme, Self
        
      

    
  

Display a row in an mj-invoice component

    
        
            
        
    
    
        
            Hi,某某某 您好!
            這是給您發(fā)送的出票成功的通知郵件。
            恭喜您預(yù)定的某某某到某某某，某某某出發(fā)的單程航班已成功出票。
            電子行程單將稍后發(fā)送，屆時可憑借打印下來的電子行程單、有效證件在機場值機柜臺直接換去登機牌，之后通過安檢，順利登機。異鄉(xiāng)好居溫馨提示您，國際機票至少提前3小時前往機場辦理登機手續(xù)。
        
    
    
        
            航班詳情
        
    
    
        
            
                
                    
                        日期
                        航線
                        航班號
                        訂單號
                    
                    
                        1995
                        1995
                        1995
                        1995
                        
                        1995
                        1995
                        1995
                    
                    
                    
                        
                        
                        !
                        中轉(zhuǎn)提示
                        
                        
1.中轉(zhuǎn)停留時間過長，請合理安排行程。
                        
2.需在中轉(zhuǎn)城市換機場轉(zhuǎn)機，請合理安排您的時間和行程。
                        
3.此行程需要韓國過境簽證，您可向當?shù)厥桂^提前確認簽證信息后再購票。
                        
                    
                
            
        
    
    
        
            
                乘客信息
            
        
    
    
        
            
                
                    
                        姓名
                        生日
                        國籍
                        證件號
                        證件有效期
                        證件簽發(fā)地
                        票號
                    
                    
                        1995
                        1995
                        1995
                        1995
                        1995
                        1995
                        1995
                    
                
            
        
    
    
        
            聯(lián)系人信息
        
    
    
        
            
                
                    
                        姓名
                        生日
                        國籍
                    
                    
                        1995
                        1995
                        1995
                    
                
            
        
    
    
        
            !
                退改簽規(guī)則及乘機提示
            1.退票規(guī)則以航空公司規(guī)定為標準，如需退改請撥打電話400-991-5791。
            2.改簽規(guī)則以航空公司規(guī)定為標準，如需退改請撥打電話400-991-5791。
            3.航司行李限制： 
          美國航空： 
            1件x長寬高三邊和115cm（20寸以內(nèi)登機箱），7kg左右，
            2件x長寬高三邊和158cm（28寸以內(nèi)登機箱），23kg左右。
          加拿大航空： 
          1件x長寬高三邊和115cm（20寸以內(nèi)登機箱），7kg左右，
            2件x長寬高三邊和158cm（28寸以內(nèi)登機箱），23kg左右。
            4.支付成功后24小時內(nèi)出票，僅提供電子行程單。
        
    
    
        
            Thanks,
            The Team
        
        
            我是系統(tǒng)自動發(fā)送的郵件,
            請不要直接回復(fù)哦
        
    
    
        
            郵件顯示有問題? 查看網(wǎng)頁版或把添加到聯(lián)系人
            ?2016  All rights reserved  
            天津市