title: Using Gmail API to get Message Body with formatting
body: <p>I have spent a few weeks on this now so I though I would ask the experts. I have a PHP script that reads a message via the Gmail API Client Library:</p>
  
  <pre><code>    $optParamsGet2['format'] = 'full';
      $message = $Service_Gmail-&gt;users_messages-&gt;get('me',$messageId,$optParamsGet2);
      $snippet = $message-&gt;getSnippet();
      if(strlen($snippet) &gt;= 90){ $snippet=substr($snippet, 0, 90); $snippet="$snippet..."; }
      $headers = $message-&gt;getPayload();
      $vardumpresult=serialize($headers);
  
      try {
          $parts = $message-&gt;getPayload()-&gt;getParts();
          $body = $parts[0]['body'];
          $rawData = $body-&gt;data;
          $sanitizedBody = strtr($rawData,'-_', '+/');
      }
  </code></pre>
  
  <p>I then sending the $sanitizedBody to a Javascript modal and converting to base 64</p>
  
  <pre><code>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&lt;e.length){n=e.charCodeAt(f++);r=e.charCodeAt(f++);i=e.charCodeAt(f++);s=n&gt;&gt;2;o=(n&amp;3)&lt;&lt;4|r&gt;&gt;4;u=(r&amp;15)&lt;&lt;2|i&gt;&gt;6;a=i&amp;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&lt;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&lt;&lt;2|o&gt;&gt;4;r=(o&amp;15)&lt;&lt;4|u&gt;&gt;2;i=(u&amp;3)&lt;&lt;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&lt;e.length;n++){var r=e.charCodeAt(n);if(r&lt;128){t+=String.fromCharCode(r)}else if(r&gt;127&amp;&amp;r&lt;2048){t+=String.fromCharCode(r&gt;&gt;6|192);t+=String.fromCharCode(r&amp;63|128)}else{t+=String.fromCharCode(r&gt;&gt;12|224);t+=String.fromCharCode(r&gt;&gt;6&amp;63|128);t+=String.fromCharCode(r&amp;63|128)}}return t},_utf8_decode:function(e){var t="";var n=0;var r=c1=c2=0;while(n&lt;e.length){r=e.charCodeAt(n);if(r&lt;128){t+=String.fromCharCode(r);n++}else if(r&gt;191&amp;&amp;r&lt;224){c2=e.charCodeAt(n+1);t+=String.fromCharCode((r&amp;31)&lt;&lt;6|c2&amp;63);n+=2}else{c2=e.charCodeAt(n+1);c3=e.charCodeAt(n+2);t+=String.fromCharCode((r&amp;15)&lt;&lt;12|(c2&amp;63)&lt;&lt;6|c3&amp;63);n+=3}}return t}}
  
  // Decode the String
  var decodedString = Base64.decode(mail_body);
  $("#mail_body").text(decodedString);
  $(_self.attr('href')).modal('show');
  </code></pre>
  
  <p>When I display the email body in a modal it shows up like this:</p>
  
  <p>This is a test message.  This is a second paragraph.  This is a third paragraph.  This is formatting bullets: - bullet 1 - bullet 2 - bullet 3 <em>Chris Rose</em> Math Teacher / Technology Learning Consultant Hamilton High School, Hamilton City School District 1165 Eaton Avenue Hamilton, OH 45013</p>
  
  <p>How can I sent/print to my modal div with proper formatting?</p>