javascript - 使用 Gmail API 获取带格式的邮件正文

Question

我已经在这上面花了几个星期了，所以我想请教专家。我有一个通过 Gmail API 客户端库读取消息的 PHP 脚本:

    $optParamsGet2['format'] = 'full';
    $message = $Service_Gmail->users_messages->get('me',$messageId,$optParamsGet2);
    $snippet = $message->getSnippet();
    if(strlen($snippet) >= 90){ $snippet=substr($snippet, 0, 90); $snippet="$snippet..."; }
    $headers = $message->getPayload();
    $vardumpresult=serialize($headers);

    try {
        $parts = $message->getPayload()->getParts();
        $body = $parts[0]['body'];
        $rawData = $body->data;
        $sanitizedBody = strtr($rawData,'-_', '+/');
    }

然后我将 $sanitizedBody 发送到 Javascript 模态并转换为 base 64

var mail_body = _self.data('body'); 

// Create Base64 Object
var Base64={_keyStr:"ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=",encode:function(e){var t="";var n,r,i,s,o,u,a;var f=0;e=Base64._utf8_encode(e);while(f<e.length){n=e.charCodeAt(f++);r=e.charCodeAt(f++);i=e.charCodeAt(f++);s=n>>2;o=(n&3)<<4|r>>4;u=(r&15)<<2|i>>6;a=i&63;if(isNaN(r)){u=a=64}else if(isNaN(i)){a=64}t=t+this._keyStr.charAt(s)+this._keyStr.charAt(o)+this._keyStr.charAt(u)+this._keyStr.charAt(a)}return t},decode:function(e){var t="";var n,r,i;var s,o,u,a;var f=0;e=e.replace(/[^A-Za-z0-9\+\/\=]/g,"");while(f<e.length){s=this._keyStr.indexOf(e.charAt(f++));o=this._keyStr.indexOf(e.charAt(f++));u=this._keyStr.indexOf(e.charAt(f++));a=this._keyStr.indexOf(e.charAt(f++));n=s<<2|o>>4;r=(o&15)<<4|u>>2;i=(u&3)<<6|a;t=t+String.fromCharCode(n);if(u!=64){t=t+String.fromCharCode(r)}if(a!=64){t=t+String.fromCharCode(i)}}t=Base64._utf8_decode(t);return t},_utf8_encode:function(e){e=e.replace(/\r\n/g,"\n");var t="";for(var n=0;n<e.length;n++){var r=e.charCodeAt(n);if(r<128){t+=String.fromCharCode(r)}else if(r>127&&r<2048){t+=String.fromCharCode(r>>6|192);t+=String.fromCharCode(r&63|128)}else{t+=String.fromCharCode(r>>12|224);t+=String.fromCharCode(r>>6&63|128);t+=String.fromCharCode(r&63|128)}}return t},_utf8_decode:function(e){var t="";var n=0;var r=c1=c2=0;while(n<e.length){r=e.charCodeAt(n);if(r<128){t+=String.fromCharCode(r);n++}else if(r>191&&r<224){c2=e.charCodeAt(n+1);t+=String.fromCharCode((r&31)<<6|c2&63);n+=2}else{c2=e.charCodeAt(n+1);c3=e.charCodeAt(n+2);t+=String.fromCharCode((r&15)<<12|(c2&63)<<6|c3&63);n+=3}}return t}}

// Decode the String
var decodedString = Base64.decode(mail_body);
$("#mail_body").text(decodedString);
$(_self.attr('href')).modal('show');

当我以模式显示电子邮件正文时，它显示如下:

这是一条测试消息。这是第二段。这是第三段。这是格式化项目符号:- 项目符号 1 - 项目符号 2 - 项目符号 3 Chris Rose 数学教师/技术学习顾问汉密尔顿高中，哈密尔顿市学区 1165 Eaton Avenue Hamilton, OH 45013

如何以正确的格式发送/打印到我的模态 div？

Answer 1

问题出在您的 jQuery 上。您正在使用 .text()。去掉所有的 html 标签。如果您想保留格式，请使用 .html() 来设置内容。

所以改变这个:

$("#mail_body").text(decodedString);

为此:

$("#mail_body").html(decodedString);

因为您提到警告框的格式正确。我相信您已经在解码的字符串中转义换行符和缩进字符。

首先将此添加到 mail_body div 的 CSS 中:

#mail_body{
    white-space: pre-wrap;
}

这将处理换行符。 IE8+.

您需要找出字符串中还有哪些其他转义字符，并根据需要替换它们。