用於電子郵件模板的HTML到文本轉換器（javascript）

我想將JavaScript HTML轉換器轉換爲文本。我所做的一切都很好，但我無法處理鏈接。我需要的reg表達式是使文本版本的環節用於電子郵件模板的HTML到文本轉換器（javascript）

HTML版本：

<a href="http://link.com">Link text</a>

轉換鏈接文字版：

Link text(http://link.com)

我的代碼

$('body').on('click','[data-action="convertTemplateToText"]', function() { 
    var html = $("#clientHTML").val(); 

    if (html) { 
     html = html.replace(/<!doctype.*>/i,""); 
     html = html.replace(/<head>[\w\W]*?<\/head>/i,""); 
     html = html.replace(/<style.*>[\w\W]*?<\/style>/gi,""); 
     html = html.replace(/<script.*>[\w\W]*?<\/script>/gi,""); 
     html = html.replace(/\n|\r/g," "); 
     html = html.replace(/\<\/p\>/gi,"\n"); 
     html = html.replace(/\<\/li\>/gi," "); 
     html = html.replace(/\<br\s*?\/?\>/gi,"\n"); 
     html = strip_tags(html,'<a>'); 
     html = html_entity_decode(html,'HTML_ENTITIES'); 
     html = html.replace(/([ \t])+/g," "); 
     html = html.replace(/\n /g,"\n"); 

     if (html.charAt(0) == ' ') { 
      html = html.substr(1); 
     } 
    } else { 
     html = ''; 
    } 

    $("#clientText").val(html); 
    $('#templateTextContainer').slideDown(500); 

    return false; 
});

幫助我請

來源

2014-05-08 Sergey Stepnev

我不知道，如果你使用jQuery或沒有，但它是非常簡單的：

$('a').each(function() { 
    var $text = $(this).html(); 
    var $link = $(this).attr('href'); 
    $(this).after($text+" ("+$link+")"); 
    $(this).remove(); 
});

EDIT3（從評論糾正錯誤）：

OK，我已經實現了你所需要的：

/<\s*a.*?href\s*=\s*(?:"|')(.*?)(?:"|')[^>]*>(.*?)<\s*?\/\s*?a\s*?>/ig

和替代將是：

$2 ($1)

這裏有一個工作示例：http://regexr.com/38qgv

我還添加了一個檢查，包括畸形的標記，如< a href = "">或</a >

來源

2014-05-08 08:11:52 wilku

nope ...我需要註冊。我用textarea獲得了價值，在處理完文本之後，我應該替換所有鏈接，但是謝謝你的回答 –

我已經用例子添加了一個工作解決方案。 – wilku

http://regexr.com/38qf9 - 請檢查此鏈接。如果鏈接在一行中，然後reg exp是不正確的：（ –

<!DOCTYPE html> 
    <body> 
     <div id='tempDiv'></div> 
     <script> 
      var html 
      html='<h3><a href="//stackoverflow.com">current community</a></h3>' 
      alert(toText(html))

下面的函數轉換爲文本傳遞給它的任何HTML內容

  function toText(content) { 
      document.getElementById('tempDiv').innerHTML = content 
      return document.getElementById('tempDiv').textContent 
      } 
     </script> 

    </body> 
    </html>

來源

2014-05-12 12:34:01

您可以使用TextVersionJS這是一個開源的lib，可以解決同樣的問題。它不依賴於任何其他庫，您也可以在瀏覽器和node.js中使用它。

來源

2016-08-04 07:27:21

用於電子郵件模板的HTML到文本轉換器（javascript）

回答

相關問題