No line breaks when sending textarea

  • Resolved jasujs

    (@jasujs)


    6 years, 2 months ago

    Hi there,

    I’ve encountered a problem : In the textarea you can type text with line-breaks, which is perfect for me. But when the form is send, there are no line breaks in my email.
    Could someone help me ?

    Thank you very much

Viewing 9 replies - 1 through 9 (of 9 total)
  • Plugin Author Takayuki Miyoshi

    (@takayukister)

    6 years, 2 months ago

    Where can we see the website in question?

    Thread Starter jasujs

    (@jasujs)

    6 years, 2 months ago

    Hi Takayuki,

    I’m not sure it’s gonna help you to see the front-side of my website, but there is a link to the form https://zenactisport.fr/ ( I added an anchor for you to go directly to the textarea in question)

    But, to be clear, my problem is : there are no line breaks in the HTML email I receive from that form. The text appears inline, no matter if there are line breaks or not in the front-end textarea 😉

    Hope I’m clear enough, as English is not my mother language :/.

    Thank you very much.

    Plugin Author Takayuki Miyoshi

    (@takayukister)

    6 years, 1 month ago

    What other plugins and theme do you use on the site?

    Thread Starter jasujs

    (@jasujs)

    6 years, 1 month ago

    I’m using GeneratePress free theme.
    And (too much ?) plugins :
    – WP Mail SMTP
    – Yoast SEO
    – Admin Menu Editor
    – Autoptimize
    – BlockLab
    – LazyLoad
    – Tiny Mce Advanced
    – WP-Statistics
    – Passster
    – BackWPup

    I might also disabled CSS and JS for CF7… Could it be that? I’ll try to re enable it and go back to you… I didn’t think about trying that

    • This reply was modified 6 years, 1 month ago by jasujs.
    Thread Starter jasujs

    (@jasujs)

    6 years, 1 month ago

    Well, the problem is still here.
    No line breaks for the textarea in HTML email.
    I don’t know what to do.

    Here is the HTML email side : 

    <table border="0" cellpadding="0" cellspacing="0" margin-bottom: 10px; margin-top: 0px;">
<tr>
  <td style="padding: 5px; color: #153643; font-family: Arial, sans-serif; font-size: 14px; line-height: 15px; border: 1px solid #efefef; width: 40%;">
      Activities : 
  </td>
  <td style="padding: 5px; color: #153643; font-family: Arial, sans-serif; font-size: 14px; line-height: 15px; border: 1px solid #efefef; width: 60%;">
      [textarea-activities]
  </td>
</tr>
</table>
    • This reply was modified 6 years, 1 month ago by jasujs.
    • This reply was modified 6 years, 1 month ago by jasujs.
    • This reply was modified 6 years, 1 month ago by jasujs.
    Plugin Author Takayuki Miyoshi

    (@takayukister)

    6 years, 1 month ago

    See Setting up mail

    What content do you have in the Message body field?

    Thread Starter jasujs

    (@jasujs)

    6 years, 1 month ago

    It’s quite long.

    
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "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" />
    <title>Formulaire Inscription</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head>

<body style="margin: 0; padding: 0;">
    <table border="0" cellpadding="0" cellspacing="0" width="100%">
        <tr>
            <td style="padding: 10px 0 30px 0;">
                <table align="center" border="0" cellpadding="0" cellspacing="0" width="800" style="border: 1px solid #cccccc; border-collapse: collapse;">
                    <tr>
                        <td align="center" bgcolor="#70bbd9" style="padding: 10px 0 10px 0; color: #153643; font-size: 14px; font-weight: bold; font-family: Arial, sans-serif;">
                            [TypeInscription] de [radio-civilite] [your-surname]&nbsp;[your-name]
                        </td>
                    </tr>
                    <tr>
                        <td bgcolor="#ffffff" style="padding: 10px;">
                            <table border="0" cellpadding="0" cellspacing="0" width="100%">
                                <tr>
                                    <td style="padding: 0px 0 5px 0; color: #153643; font-family: Arial, sans-serif; font-size: 14px; line-height: 15px;">
                                        De : [radio-civilite] [your-name]
                                    </td>
                                </tr>
                                <tr>
                                    <td style="padding: 5px 0 5px 0; color: #153643; font-family: Arial, sans-serif; font-size: 14px; line-height: 15px;">
                                        Objet : [TypeInscription] de Mme/Mr [your-surname]&nbsp;[your-name]
                                    </td>
                                </tr>
                            </table>
                        </td>
                    </tr>
                    <tr>
                        <td bgcolor="#ffffff" style="padding: 10px;">
                            <table border="0" cellpadding="0" cellspacing="0" width="100%" style="margin-bottom: 10px;">
                                <tr>
                                    <td colspan="2" style="padding: 5px; color: #153643; font-family: Arial, sans-serif; font-size: 14px; line-height: 15px; border: 1px solid #efefef; text-decoration: underline; text-align: center">
                                        Renseignements
                                    </td>
                                </tr>
                                <tr>
                                    <td style="padding: 5px; color: #153643; font-family: Arial, sans-serif; font-size: 14px; line-height: 15px; border: 1px solid #efefef; width: 50%;">
                                        Nom : [your-surname]
                                    </td>
                                    <td style="padding: 5px; color: #153643; font-family: Arial, sans-serif; font-size: 14px; line-height: 15px; border: 1px solid #efefef; width: 50%;">
                                        Prénom : [your-name]
                                    </td>
                                </tr>
                                <tr>
                                    <td colspan="2" style="padding: 5px; color: #153643; font-family: Arial, sans-serif; font-size: 14px; line-height: 15px; border: 1px solid #efefef;">
                                        Date de naissance : [date-naissance]
                                    </td>
                                </tr>
                                <tr>
                                    <td colspan="2" style="padding: 5px; color: #153643; font-family: Arial, sans-serif; font-size: 14px; line-height: 15px; border: 1px solid #efefef;">
                                        Adresse : [your-adress]
                                    </td>
                                </tr>
                                <tr>
                                    <td style="padding: 5px; color: #153643; font-family: Arial, sans-serif; font-size: 14px; line-height: 15px; border: 1px solid #efefef; width: 50%;">
                                        Code Postal : [your-postal-code]
                                    </td>
                                    <td style="padding: 5px; color: #153643; font-family: Arial, sans-serif; font-size: 14px; line-height: 15px; border: 1px solid #efefef; width: 50%;">
                                        Ville : [your-town]
                                    </td>
                                </tr>
                                <tr>
                                    <td colspan="2" style="padding: 5px; color: #153643; font-family: Arial, sans-serif; font-size: 14px; line-height: 15px; border: 1px solid #efefef;">
                                        Email : [your-email]
                                    </td>
                                </tr>
                                <tr>
                                    <td style="padding: 5px; color: #153643; font-family: Arial, sans-serif; font-size: 14px; line-height: 15px; border: 1px solid #efefef; width: 50%">
                                        Téléphone fixe : [tel-fixe]
                                    </td>
                                    <td style="padding: 5px; color: #153643; font-family: Arial, sans-serif; font-size: 14px; line-height: 15px; border: 1px solid #efefef; width: 50%">
                                        Téléphone Portable : [tel-portable]
                                    </td>
                                </tr>
                            </table>
                            <table border="0" cellpadding="0" cellspacing="0" width="48%" style="float:left;margin-right:10px; margin-bottom: 10px; ">
                                <tr>
                                    <td colspan="2" style="padding: 5px; color: #153643; font-family: Arial, sans-serif; font-size: 14px; line-height: 15px; border: 1px solid #efefef; text-decoration: underline; text-align: center">
                                        Question médicale
                                    </td>
                                </tr>
                                <tr>
                                    <td style="padding: 5px; color: #153643; font-family: Arial, sans-serif; font-size: 14px; line-height: 15px; border: 1px solid #efefef; width: 40%;">
                                        Médecin traitant :
                                    </td>
                                    <td style="padding: 5px; color: #153643; font-family: Arial, sans-serif; font-size: 14px; line-height: 15px; border: 1px solid #efefef; width: 60%;">
                                        [your-doctor]
                                    </td>
                                </tr>
                                <tr>
                                    <td style="padding: 5px; color: #153643; font-family: Arial, sans-serif; font-size: 14px; line-height: 15px; border: 1px solid #efefef; width: 40%;">
                                        Téléphone du Médecin traitant :
                                    </td>
                                    <td style="padding: 5px; color: #153643; font-family: Arial, sans-serif; font-size: 14px; line-height: 15px; border: 1px solid #efefef; width: 60%;">
                                        [tel-medecin]
                                    </td>
                                </tr>
                                <tr>
                                    <td style="padding: 5px; color: #153643; font-family: Arial, sans-serif; font-size: 14px; line-height: 15px; border: 1px solid #efefef; width: 40%;">
                                        Certificat médical ou Questionnaire fait le :
                                    </td>
                                    <td style="padding: 5px; color: #153643; font-family: Arial, sans-serif; font-size: 14px; line-height: 15px; border: 1px solid #efefef; width: 50%;">
                                        [date-certificat]
                                    </td>
                                </tr>
                            </table>
                            <table border="0" cellpadding="0" cellspacing="0" width="48%" style="float: right; margin-bottom: 10px;">
                                <tr>
                                    <td colspan="2" style="padding: 5px; color: #153643; font-family: Arial, sans-serif; font-size: 14px; line-height: 15px; border: 1px solid #efefef; text-decoration: underline; text-align: center">
                                        Personne à contacter en cas d'urgence
                                    </td>
                                </tr>
                                <tr>
                                    <td style="padding: 5px; color: #153643; font-family: Arial, sans-serif; font-size: 14px; line-height: 15px; border: 1px solid #efefef; width: 40%;">
                                        Nom et prénom :
                                    </td>
                                    <td style="padding: 5px; color: #153643; font-family: Arial, sans-serif; font-size: 14px; line-height: 15px; border: 1px solid #efefef; width: 60%;">
                                        [your-contact-name]
                                    </td>
                                </tr>
                                <tr>
                                    <td style="padding: 5px; color: #153643; font-family: Arial, sans-serif; font-size: 14px; line-height: 15px; border: 1px solid #efefef; width: 40%;">
                                        Adresse :
                                    </td>
                                    <td style="padding: 5px; color: #153643; font-family: Arial, sans-serif; font-size: 14px; line-height: 15px; border: 1px solid #efefef; width: 60%;">
                                        [your-contact-adress]
                                    </td>
                                </tr>
                                <tr>
                                    <td style="padding: 5px; color: #153643; font-family: Arial, sans-serif; font-size: 14px; line-height: 15px; border: 1px solid #efefef; width: 40%;">
                                        Téléphone :
                                    </td>
                                    <td style="padding: 5px; color: #153643; font-family: Arial, sans-serif; font-size: 14px; line-height: 15px; border: 1px solid #efefef; width: 60%;">
                                        [tel-contact]
                                    </td>
                                </tr>
                            </table>
                            <table border="0" cellpadding="0" cellspacing="0" width="35%" style="margin-right:10px; margin-bottom: 10px; clear:both; float: left;">
                                <tr>
                                    <td colspan="2" style="padding: 5px; color: #153643; font-family: Arial, sans-serif; font-size: 14px; line-height: 15px; border: 1px solid #efefef; text-decoration: underline; text-align: center">
                                        Choix du type de la licence et dispositif d'aide
                                    </td>
                                </tr>
                                <tr>
                                    <td style="padding: 5px; color: #153643; font-family: Arial, sans-serif; font-size: 14px; line-height: 15px; border: 1px solid #efefef; width: 55%;">
                                        Choix de la licence :
                                    </td>
                                    <td style="padding: 5px; color: #153643; font-family: Arial, sans-serif; font-size: 14px; line-height: 15px; border: 1px solid #efefef; width: 45%;">
                                        [ChoixLicence]
                                    </td>
                                </tr>
                                <tr>
                                    <td style="padding: 5px; color: #153643; font-family: Arial, sans-serif; font-size: 14px; line-height: 15px; border: 1px solid #efefef; width: 55%;">
                                        Dispositif Sortir :
                                    </td>
                                    <td style="padding: 5px; color: #153643; font-family: Arial, sans-serif; font-size: 14px; line-height: 15px; border: 1px solid #efefef; width: 45%;">
                                        [dispoSortir]
                                    </td>
                                </tr>
                                <tr>
                                    <td style="padding: 5px; color: #153643; font-family: Arial, sans-serif; font-size: 14px; line-height: 15px; border: 1px solid #efefef; width: 55%;">
                                        Dispositif Chèques Vacances :
                                    </td>
                                    <td style="padding: 5px; color: #153643; font-family: Arial, sans-serif; font-size: 14px; line-height: 15px; border: 1px solid #efefef; width: 45%;">
                                        [chequeVac]
                                    </td>
                                </tr>
                            </table>
                            <table border="0" cellpadding="0" cellspacing="0" width="61%" style="float: right; margin-bottom: 10px; margin-top: 0px;">
                                <tr>
                                    <td colspan="2" style="padding: 5px; color: #153643; font-family: Arial, sans-serif; font-size: 14px; line-height: 15px; border: 1px solid #efefef; text-decoration: underline; text-align: center">
                                        Choix des activités / Jours et horaires
                                    </td>
                                </tr>
                                <tr>
                                    <td style="padding: 5px; color: #153643; font-family: Arial, sans-serif; font-size: 14px; line-height: 15px; border: 1px solid #efefef; width: 40%;">
                                        Activités choisies :
                                    </td>
                                    <td style="padding: 5px; color: #153643; font-family: Arial, sans-serif; font-size: 14px; line-height: 15px; border: 1px solid #efefef; width: 60%;">
                                        [textarea-activites]
                                    </td>
                                </tr>
                                <tr>
                                    <td style="padding: 5px; color: #153643; font-family: Arial, sans-serif; font-size: 14px; line-height: 15px; border: 1px solid #efefef; width: 40%;">
                                        Jours choisis :
                                    </td>
                                    <td style="padding: 5px; color: #153643; font-family: Arial, sans-serif; font-size: 14px; line-height: 15px; border: 1px solid #efefef; width: 60%;">
                                        [textarea-jours]
                                    </td>
                                </tr>
                                <tr>
                                    <td style="padding: 5px; color: #153643; font-family: Arial, sans-serif; font-size: 14px; line-height: 15px; border: 1px solid #efefef; width: 40%;">
                                        Heures choisies :
                                    </td>
                                    <td style="padding: 5px; color: #153643; font-family: Arial, sans-serif; font-size: 14px; line-height: 15px; border: 1px solid #efefef; width: 60%;">
                                        [textarea-heures]
                                    </td>
                                </tr>
                                <tr>
                                    <td style="padding: 5px; color: #153643; font-family: Arial, sans-serif; font-size: 14px; line-height: 15px; border: 1px solid #efefef; width: 40%;">
                                        Coût des activités :
                                    </td>
                                    <td style="padding: 5px; color: #153643; font-family: Arial, sans-serif; font-size: 14px; line-height: 15px; border: 1px solid #efefef; width: 60%;">
                                        [number-prix] €
                                    </td>
                                </tr>
                            </table>
                            <table border="0" cellpadding="0" cellspacing="0" width="100%">
                                <tr>
                                    <td colspan="2" style="padding: 5px; color: #153643; font-family: Arial, sans-serif; font-size: 13px; line-height: 15px; border: 1px solid #efefef; text-decoration: underline; text-align: center">
                                        En adhérant à Zentonic
                                    </td>
                                </tr>
                                <tr>
                                    <td style="padding: 5px; color: #153643; font-family: Arial, sans-serif; font-size: 12px; line-height: 15px; border: 1px solid #efefef; width: 90%;">
                                        J’ai pris connaissance des conditions d’inscription et du règlement intérieur. Je m’engage à les respecter
                                    </td>
                                    <td style="padding: 5px; color: #153643; font-family: Arial, sans-serif; font-size: 12px; line-height: 15px; border: 1px solid #efefef; width: 10%;">
                                        [radio-393]
                                    </td>
                                </tr>
                                <tr>
                                    <td style="padding: 5px; color: #153643; font-family: Arial, sans-serif; font-size: 12px; line-height: 15px; border: 1px solid #efefef; width: 90%;">
                                        J’ai pris connaissance des conditions de l’utilisation de mes données personnelles par l’association et les accepte . En application de l’article 34 Loi du 6/01/1978, j’ai connaissance que je bénéficie d’un droit d’accès et de rectification à ces informations par demande directe au bureau Zentonic.
                                    </td>
                                    <td style="padding: 5px; color: #153643; font-family: Arial, sans-serif; font-size: 12px; line-height: 15px; border: 1px solid #efefef; width: 10%;">
                                        [radio-droits]
                                    </td>
                                </tr>
                                <tr>
                                    <td style="padding: 5px; color: #153643; font-family: Arial, sans-serif; font-size: 12px; line-height: 15px; border: 1px solid #efefef; width: 90%;">
                                        J’ai pris connaissance de la licence EPGV obligatoire et de la possibilité de contracter une assurance complémentaire facultative Lia-Sport conformément à l’article L321-4 du Code du Sport :
                                    </td>
                                    <td style="padding: 5px; color: #153643; font-family: Arial, sans-serif; font-size: 12px; line-height: 15px; border: 1px solid #efefef; width: 10%;">
                                        [radio-connaissance_licence]
                                    </td>
                                </tr>
                                <tr>
                                    <td style="padding: 5px; color: #153643; font-family: Arial, sans-serif; font-size: 12px; line-height: 15px; border: 1px solid #efefef; width: 90%;">
                                        J’autorise l’association Zentonic à effectuer et diffuser des prises de vue, films, et photographies de ma personne lors des activités et évènements organisés durant la saison en cours , du 1° Sept au 31 Aout suivant, en vu de la diffusion sur site, annonces, articles de diffusion, supports communication : Flyers, affiches, panneaux, kakémonos, bulletin et articles d’information :
                                    </td>
                                    <td style="padding: 5px; color: #153643; font-family: Arial, sans-serif; font-size: 12px; line-height: 15px; border: 1px solid #efefef; width: 10%;">
                                        [radio-droit-image]
                                    </td>
                                </tr>
                            </table>
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
    </table>
</body>
</html>

    `

    • This reply was modified 6 years, 1 month ago by jasujs.
    Plugin Author Takayuki Miyoshi

    (@takayukister)

    6 years, 1 month ago

    Remove these parts:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "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" />
    <title>Formulaire Inscription</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head>

<body style="margin: 0; padding: 0;">

    and

    </body>
</html>
    Thread Starter jasujs

    (@jasujs)

    6 years, 1 month ago

    Here was the problem…
    Everything works fine now.

    Thank you again very much Takayuki !
    Have a nice day

Viewing 9 replies - 1 through 9 (of 9 total)

The topic ‘No line breaks when sending textarea’ is closed to new replies.