Display document respecting <br> and such.

[bejisan]

Is it possible to display a relative database string field that respect <br> and tabs

I get a String through a textarea* with your code.

And it retains \r\n\r\n•\t returns and tabs space after a dot like in a <ul>. But when I display that String, returns to line aren't taken into account, nor tab spaces.

[dalenguyen]

Hi @bejisan, HTML tags will be shown when you display them on the frontend. How is your data look like in the database? And which shortcode that you used to display / save the data?

If you have a test link, you can send it too.

[bejisan]

display code ...

[realtime_blocks class='recherches' collection_name='recherches' display_fields='rechercheName,rechercheCreatorAssociation,Précarité,Alimentaire,Education,Santé,Environnement,Animaux,Handicap,LienInterGénérationnel,rechercheDescription,rechercheContent,rechercheDate,rechercheCreatorName,rechercheTel,rechercheEmail' images='Thumbnail'] [firebase_error class='actions'][/firebase_error]

string on the realtime database

"Missions : Proposer, mettre en œuvre et animer, en étroite collaboration avec le Président de la Banque Alimentaire, la stratégie de mécénat, afin de bénéficier de différents types de mécénat : financier (subventions d’investissement et de fonctionnement), de compétences ou technologique, de solidarité (participation à la collecte…), de dons en denrées, de dons en nature… \r\n\r\nActivités : \r\n\r\n•\tIdentifie les entreprises ou institutions locales publiques ou privées potentiellement mécènes, et les démarche.\r\n•\tRédige les conventions de partenariat/ mécénat. \r\n•\tAssure un suivi des partenariats. \r\n•\tDécline localement les partenariats nationaux. \r\n\r\nRattachement : Président de la Banque Alimentaire\r\n\r\nProfil recherché : Compétences : goût du contact, très bon relationnel, bonne connaissance du monde de l’entreprise, carnet d’adresses apprécié. \r\n\r\nExpérience : avoir exercé des responsabilités en entreprise, poste de direction, relations extérieures, communication… \r\n\r\nAutres informations : \t\r\n\r\nLocalisation : Banque Alimentaire \r\n\r\nDisponibilité : 1 à 2 demi-journées par semaine réparties en fonction des besoins."

display on frontend

Missions : Proposer, mettre en œuvre et animer, en étroite collaboration avec le Président de la Banque Alimentaire, la stratégie de mécénat, afin de bénéficier de différents types de mécénat : financier (subventions d’investissement et de fonctionnement), de compétences ou technologique, de solidarité (participation à la collecte…), de dons en denrées, de dons en nature… Activités : • Identifie les entreprises ou institutions locales publiques ou privées potentiellement mécènes, et les démarche. • Rédige les conventions de partenariat/ mécénat. • Assure un suivi des partenariats. • Décline localement les partenariats nationaux. Rattachement : Président de la Banque Alimentaire Profil recherché : Compétences : goût du contact, très bon relationnel, bonne connaissance du monde de l’entreprise, carnet d’adresses apprécié. Expérience : avoir exercé des responsabilités en entreprise, poste de direction, relations extérieures, communication… Autres informations : Localisation : Banque Alimentaire Disponibilité : 1 à 2 demi-journées par semaine réparties en fonction des besoins.

display in html code

Missions : Proposer, mettre en œuvre et animer, en étroite collaboration avec le Président de la Banque Alimentaire, la stratégie de mécénat, afin de bénéficier de différents types de mécénat : financier (subventions d’investissement et de fonctionnement), de compétences ou technologique, de solidarité (participation à la collecte…), de dons en denrées, de dons en nature… Activités : • Identifie les entreprises ou institutions locales publiques ou privées potentiellement mécènes, et les démarche. • Rédige les conventions de partenariat/ mécénat. • Assure un suivi des partenariats. • Décline localement les partenariats nationaux. Rattachement : Président de la Banque Alimentaire Profil recherché : Compétences : goût du contact, très bon relationnel, bonne connaissance du monde de l’entreprise, carnet d’adresses apprécié. Expérience : avoir exercé des responsabilités en entreprise, poste de direction, relations extérieures, communication… Autres informations : Localisation : Banque Alimentaire Disponibilité : 1 à 2 demi-journées par semaine réparties en fonction des besoins.

saving shortcode

[contact-form-7 id="91" html_id="if-create-data-form" title="Créer une nouvelle Recherche"]

saving form

[hidden collectionName "recherches"] [hidden databaseType "realtime"]

[text* rechercheName placeholder "Nom de la Recherche"]

Vous pouvez écrire "Banque Alimentaire" ou "banque alimentaire" ou même "banquealimentaire" pour que la photo miniature s'affiche automatiquement. [text* rechercheCreatorAssociation placeholder "Asso"]

Selectionner le type d'action (requis) [checkbox* actionType exclusive "Précarité" "Alimentaire" "Education" "Santé" "Environnement" "Animaux" "Handicap" "LienInterGénérationnel"]

[textarea rechercheDescription placeholder "Description"] [textarea rechercheContent placeholder "Contenu"]

Date [date* rechercheDate id:Date]

[text rechercheCreatorName placeholder "Prénom + NOM du créateur"] [text rechercheTel placeholder "Téléphone"] [text* rechercheEmail placeholder "Email"]

[radio rechercheWordpress label_first default:1 "Wordpress"]

[submit id:submit "Envoyer"]

http://benevolat65.fr/recherches/

http://benevolat65.fr/ajouter-une-recherche/

I need \r\n to be translated as
and \t as tab spaces eventually. But mainly back returns.

[bejisan]

Sorry for the triple post, I put an image as an attachement. I just realized it did post on GitHub as well. Sorry it's so new to me.

Had to reopen the form page and menu to everyone. As I used a plugin to restrain it to subscribers and higher.

[dalenguyen]

@bejisan It's fine. I will check it this weekend.

[bejisan]

Thank you so much sir.

[dalenguyen]

This is added in v1.5.0. Newline is supported but not for tab.

https://stackoverflow.com/questions/20414504/how-do-i-replicate-a-t-tab-space-in-html