Когда я отправляю почту через Google Script, он не принимает стиль CSS - PullRequest
Новая
       8

Когда я отправляю почту через Google Script, он не принимает стиль CSS

0 голосов
/ 09 января 2020

Я разработал подпись для отправки с каждым письмом, я сделал это в блокноте, когда я открываю страницу, чтобы увидеть приличную подпись. Но когда я отправляю этот код по почте, кажется, что он не принял CSS.

Я использую скрипт Служб Google и следующий код: 

 function prueba_firma(){
    var AxId = "ID_Image";
  var logo = DriveApp.getFileById(AxId).getBlob();
  var asunto = "PRUEBAS FIRMA";
  var correo="Remitente";
  var copia="Correos en copia";

/*CSS style of signature*/
  var firmastyle = "p + p {text-indent: 0em;margin-top: -13px;}"+
    "p{LINE-HEIGHT:15px;}"+
".vl {border-right: 4px solid #03145B;height: 145px;right: 30%;margin-left: -2px;margin-right: -25px;}"+
"#contenedor{height: 250px;width: 564px;padding:1px;color:#000;overflow:hidden;margin-top: 30px;}"+
"#infosg{font-family:sans-serif;font-size:small;font-weight: bolder;float:right;padding:1px;color:#021B8C;"+
"width:250px;margin:5px;}"+
"#imgsg{float:left;padding:1px;color:#000;width:270px;margin-top:2px;}"+
".graos{color: #7d7d7d;}"+
".gracl{color: #808080;}"+
".nd{color:#021B8C;}"+
".mgd{font-weight: 900;font-size:15px;}";
  var descrpt="PRUEBA FIRMA";

/*Body of the signature*/
    var firma = "<div id='contenedor'><h3> Cordialmente. </h3>"+
"<div id='infosg'><p><p class='mgd'>Analista de Desarrollo.</p>"+
"<p class='graos mgd'>Servicio al cliente.<br/></p><p/>"+
"<p>w. <a href='www.page.com'>www.page.com</a></p>"+
"<p class='gracl'><a class='nd'>t.</a> +57 1 5897447 Ext. 1209.</p>"+
"<p>e.  <a href='mailto:email@gmail.com?Subject=Solicitud"+
"%20de%20soporte'>email@gmail.com</a> </p>"+
"<p class='gracl'>Carrera x # xx - xx Torre x Of. xxx.</p>"+
"<p>Bogotá, Colombia  </p>"+
"</div><div id='imgsg'><div class='vl'><img height='90' width='200' style='margin-left: 2px' src='cid:Axlogo'></div> </div></div> ";
 var descrpt="Breve descripción en el texto del correo";
/*body and style union*/
  var cuerpoAv = "<!DOCTYPE html>"+"<html>"+"<head> "+"<meta name='viewport' content='width=device-width, initial-scale=1'>"+"<style>"+firmastyle+"</style>"+"</head>"+
 "<h4> Cordial saludo. </h4>"+"<div id='m_body'>"+descrpt+ "</div>"+firma+"</html>";

/*Send email, it works fine*/
GmailApp.sendEmail(correo,asunto,"",{cc: copia,htmlBody: cuerpoAv, inlineImages:{Axlogo: logo}});
}

Что Случается так, что <p> объекты не удаляются между строками. Результаты следующие:

Подпись, созданная в блокноте, просмотренная в моем браузере:

Подпись в отправленном письме:

1 Ответ

2 голосов
/ 09 января 2020

Если кому-то это поможет, после многих попыток мне удалось убрать пробел между абзацами со следующим: 

p + p {text-indent: 0em;margin-top: -13px;LINE-HEIGHT:4px;}

Я понятия не имею, почему представление в браузере далеко от того, что видно в Gmail, но это уже работает.

...