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

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

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

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

方法一 npm

npm install -g mjml

方法二 點(diǎn)擊下載[https://github.com/mjmlio/mjml/releases]

編譯文件

$> mjml -r input.mjml

編譯文件并輸出到output.html

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

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