Pregunta sobre Contact Form 7 de Wordpress:

Sin roturas de línea al enviar un mensaje en modo HTML

Un usuario preguntó 👇

Hola,

Antes de todo, ¡gracias por este increíble plugin que he estado usando durante años!

Encontré un pequeño problema recientemente: cuando creo un formulario de contacto con textarea y envío mi correo electrónico en formato HTML, el salto de línea que ingreso en textarea aparece en la parte frontal de mi sitio web.

Mira lo que tengo por delante: https://ibb.co/joqXi8
Y lo que obtengo: https://ibb.co/f2X1bT

Lo que he intentado, su resultado, lo que puedo lograr:

Envíe el mensaje que no está en formato HTML -> apareció un salto de línea -> el problema es del modo HTML Envíe en formato HTML con todos los plugins excepto CF7 y con el tema Twenty Fifteen -> sin salto de línea -> el problema del plugin no es otro o de mi tema Enviar correo en mi bandeja de entrada Gmail, trueno y servicio de correo electrónico temporal -> no hay saltos de línea en absoluto -> el problema no se debe a la bandeja de entrada

Espero que alguien haya analizado esto antes … ¡Gracias por la ayuda!

Este tema fue modificado hace 2 años, 7 meses por. Este tema fue modificado hace 2 años, 7 meses por.

(@takayukister)

Hace 2 años, 7 meses

Que tienes en el Cuerpo del mensaje Gort?

(@fmang)

Hace 2 años, 7 meses

Plantilla de correo electrónico HTML bastante audaz: https://a.uguu.se/EoZYcGIweWl5_mail-FR.html

Fue generado por una aplicación que se lanzó la última vez que lo usé (https://beefree.io/).

Solo probé una plantilla de inicio más limpia, simple y completa: la misma pregunta, todavía falta la rotura de línea: /

Aquí está la plantilla simple:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//FR" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

</head>
<body paddingwidth="0" paddingheight="0" class='bgBody' style="padding-top: 0; padding-bottom: 0; padding-top: 0; padding-bottom: 0; background-repeat: repeat; width: 100% !important; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased;" offset="0" toppadding="0" leftpadding="0">
  <table width="100%" border="0" cellspacing="0" cellpadding="0" class="tableContent bgBody" align="center"  style='font-family:Helvetica, sans-serif;'>

  <tr>
<td>[your-name]</td>
</tr>
  <tr>
<td>[your-message]</td>
</tr>
</table>

  </body>
  </html>

Esta respuesta fue modificada hace 2 años, 7 meses.

(@takayukister)

Hace 2 años, 7 meses

Hágalo más simple:

<table width="100%" border="0" cellspacing="0" cellpadding="0" class="tableContent bgBody" align="center" style='font-family:Helvetica, sans-serif;'>
<tr>
<td>[your-name]</td>
</tr>
<tr>
<td>[your-message]</td>
</tr>
</table>

(@fmang)

Hace 2 años, 7 meses

¡Maldición! Ese funcionó …

¿Podría ser un problema médico? ¿Algo anda mal en la cabeza? Es necesario trabajar en este punto pero está claro que el problema ahora no es del plugin.

Gracias de todos modos 🙂

No estoy seguro de si está bien, pero es posible que no cierre el tema ahora para poder publicar la solución final cuando (si la encuentro). Probablemente no soy la primera persona con este problema, puede ser útil para otros 😉

(@fmang)

Hace 2 años, 7 meses

De acuerdo … Encontré trabajo pero no estoy seguro de si funcionará en todas partes. La solución es simplemente … ¿bárbara?

Todo lo que tienes que hacer es envolver [your-message] sa <pre></pre> etiquetas. Considerará el salto de línea pero también eliminará cualquier estilo. Tuve que ser el padre

para doblar con los estilos en el <pre> etiqueta para que funcione así:

<pre><div style="color:#555555;line-height:120%;font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif; padding-right: 10px; padding-left: 10px; padding-top: 10px; padding-bottom: 10px;">
		<div style="font-size:12px;line-height:14px;color:#555555;font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif;text-align:left;"><p style="margin: 0;font-size: 14px;line-height: 17px"><span style="color: rgb(18, 28, 30); font-size: 14px; line-height: 16px;">[your-message]</span></p></div>
	</div></pre>

Suena feo y estúpido pero oye, no estúpido si funciona 😀

Pero quizás tengamos un pequeño punto aquí que podría mejorarse en la próxima versión del plugin, ¿quién sabe?

Esta respuesta fue modificada hace 2 años, 7 meses. Esta respuesta fue modificada hace 2 años, 7 meses.

¿Solucionó tu problema??

0 / 0

Deja una respuesta 0

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *