Split writing

Accueil > Intégration > Les filtres de texte

Les filtres de texte

Pour retirer des fioritures ou formatter votre texte en fonction de sa destination

dimanche 12 février 2017, par Formatec

Ce tableau récapitule les filtres modifiant le rendu des balises produisant du texte au format HTML, ce qu’ils font et dans quels cas les utiliser.

Remplace les

,
et les doubles retours à la ligne par de simples retours à la ligne ; les espaces insécables et les doubles espaces par des espaces simples.
S’utilise pour insérer le texte dans les tags , et autres balises HTML.

William Shakespeare :

né à Stratford-sur-Avon

William Shakespeare :
né à Stratford-sur-Avon

Formate le texte pour les flux XML. Particulièrement utile dans des squelettes de fil RSS.

William Shakespeare naquit à Stratford-sur-Avon

<p><strong>William Shakespeare</strong> naquit à Stratford-sur-Avon </p>

Formate le texte pour les attributs HTML. S’utilise typiquement, dans les attributs , <alt>... 2 est "supérieur" à 1 2 est "supérieur" à 1 </div> </div> </div> <div class="card"> <div class="card-header" role="tab" id="heading4"> <h5 class="mb-0"> <a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapse4" aria-expanded="false" aria-controls="collapse4"> texte_script </a> </h5> </div> <div id="collapse4" class="collapse" role="tabpanel" aria-labelledby="heading4"> <div class="card-block"> Formate le texte pour les scripts PHP et JS. Echappe les quotes SPIP, Système de publication pour l’internet SPIP, Système de publication pour l\’internet </div> </div> </div> <div class="card"> <div class="card-header" role="tab" id="heading5"> <h5 class="mb-0"> <a class="collapsed" data-toggle="collapse" data-parent="#accordion" href="#collapse5" aria-expanded="false" aria-controls="collapse5"> safehtml </a> </h5> </div> <div id="collapse5" class="collapse" role="tabpanel" aria-labelledby="heading5"> <div class="card-block"> Echappe le code PHP et JS À utiliser pour sécuriser les textes issus de l’extérieur (forums, syndications...) <code> <script type="text/javascript">...</script> <code class="echappe-js"> <script type="text/javascript">...</script> <p></ code></p> </div> </div> </div> </div></div> <a href="#forum" name="forum" id="forum"></a> <h2 class="forum-titre">Un message, un commentaire ?</h2> <div class="formulaire_spip formulaire_forum ajax" id="formulaire_forum"> <form action="/spip.php?article307#formulaire_forum" method="post" enctype='multipart/form-data'><div> <div><input name="id_article" value="307" type="hidden" /><input name="page" value="article" type="hidden" /><input name='formulaire_action' type='hidden' value='forum' /><input name='formulaire_action_args' type='hidden' value='zqFbEU15Xg2+kxZVHi3Ihuq1YM5P+CDkMSJFTqn32+fpbniLGmNfXVTbd9lRDjPbhcRLH8elR22zofj21+G6ZRqLQjJH5qzrYpbScnvOZfoF+0QeDJoBf+wosZdndgKfnw==' /><input type='hidden' name='id_article' value='307' /><input type='hidden' name='id_objet' value='307' /><input type='hidden' name='objet' value='article' /><input type='hidden' name='id_forum' value='' /><input type='hidden' name='arg' value='' /><input type='hidden' name='hash' value='' /><input type='hidden' name='verif_' value='ok' /><input type='hidden' name='autosave' class='autosaveactive' value='forum_5846543af5dcff481e533fe8153edbed' /><script type="text/javascript">/*<![CDATA[*/if (window.jQuery) jQuery(function(){ $("input.autosaveactive").closest("form:not(.autosaveon)").autosave({url:"http://splitwriting.formatec.be/"}).addClass("autosaveon"); });/*]]>*/</script></div> <input type="hidden" name="id_forum" value="0" /> <fieldset class="qui saisie_qui"> <legend>Qui êtes-vous ?</legend> <div class="editer-groupe"> <div class='editer saisie_session_nom'> <label for="session_nom">Votre nom</label> <input type="text" class="text" name="session_nom" id="session_nom" value="" size="40" autocapitalize="off" autocorrect="off" /> </div> <div class='editer saisie_session_email'> <label for="session_email">Votre adresse email</label> <input type="email" class="text email" name="session_email" id="session_email" value="" size="40" autocapitalize="off" autocorrect="off" /> </div> </div> </fieldset> <fieldset> <legend>Votre message</legend><div class="editer-groupe"> <div class='editer saisie_titre obligatoire'> <label for="titre">Titre (obligatoire)</label> <input type="text" class="text" name="titre" id="titre" value="Les filtres de texte" size="60" /> </div> <div class='editer saisie_texte obligatoire'> <label for='texte'>Texte de votre message (obligatoire)</label> <p class='explication'>Pour créer des paragraphes, laissez simplement des lignes vides.</p> <textarea name="texte" id="texte" rows="10" cols="60"></textarea> </div> </div></fieldset> <p style="display: none;"> <label for="nobot_forum">Veuillez laisser ce champ vide :</label> <input type="text" class="text" name="nobot" id="nobot_forum" value="" size="10" /> </p> <p class="boutons"><input type="submit" class="submit" name="previsualiser_message" value="Prévisualiser" /></p> </div> </form> </div> </div><!--.content--> </div><!--.wrapper--> <div class="aside"> <div class="formulaire_spip formulaire_recherche" id="formulaire_recherche"> <form action="spip.php?page=recherche" method="get"><div class="editer-groupe"> <input name="page" value="recherche" type="hidden" /> <label for="recherche">Rechercher :</label> <input type="search" class="search text" size="10" name="recherche" id="recherche" accesskey="4" autocapitalize="off" autocorrect="off" /><input type="submit" class="submit" value=">>" title="Rechercher" /> </div></form> </div> <div class="menu"> <h2>Dans la même rubrique</h2> <ul> <li><a href="spip.php?article307" class="on">Les filtres de texte</a></li> <li><a href="spip.php?article305">Les filtres de texte</a></li> <li><a href="spip.php?article13">Création du socle</a></li> <li><a href="spip.php?article12">Rendre le CMS SPIP SplitWriting Compliant</a></li> </ul> </div> </div><!--.aside--> </div><!--.main--> <section class="mbr-section mbr-section-md-padding" id="social-buttons4-b" style="background-color: rgb(71, 85, 119); padding-top: 60px; padding-bottom: 60px;"> <div class="container"> <div class="row"> <div class="col-md-8 col-md-offset-2 text-xs-center"> <h3 class="mbr-section-title display-2">FOLLOW US</h3> <div><a class="btn btn-social" title="Twitter" target="_blank" href="https://twitter.com/mobirise"><i class="socicon socicon-twitter"></i></a> <a class="btn btn-social" title="Facebook" target="_blank" href="https://www.facebook.com/pages/Mobirise/1616226671953247"><i class="socicon socicon-facebook"></i></a> <a class="btn btn-social" title="Google+" target="_blank" href="https://plus.google.com/u/0/+Mobirise/posts"><i class="socicon socicon-googleplus"></i></a> <a class="btn btn-social" title="Instagram" target="_blank" href="https://instagram.com/mobirise/"><i class="socicon socicon-instagram"></i></a> <a class="btn btn-social" title="Pinterest" target="_blank" href="https://www.pinterest.com/mobirise/"><i class="socicon socicon-pinterest"></i></a> <a class="btn btn-social" title="LinkedIn" target="_blank" href="https://www.linkedin.com/in/mobirise"><i class="socicon socicon-linkedin"></i></a> </div> </div> </div> </div> </section> <section class="mbr-footer mbr-section mbr-section-md-padding" id="contacts3-3" style="background-color: rgb(46, 46, 46); padding-top: 90px; padding-bottom: 90px;"> <div class="row"> <div class="mbr-company col-xs-12 col-md-6 col-lg-3"> <div class="mbr-company card"> <div class="card-block"> <img style="width:50px" src="sites/splitwriting.formatec.be/IMG/siteon0.png?1485721518"> <img style="width:65%" src=""> <p><b>Contact and/or Join us !</b></p> </div> <ul class="list-group list-group-flush"> <li class="list-group-item"> <span class="list-group-icon"><span class="etl-icon icon-phone mbr-iconfont-company-contacts3"></span></span> <span class="list-group-text">+32 (0)479 541 514</span> </li> <li class="list-group-item"> <span class="list-group-icon"><span class="etl-icon icon-map-pin mbr-iconfont-company-contacts3"></span></span> <span class="list-group-text">Barben�on, <br>BEAUMONT HA-6500 <br>BELGIUM</span> </li> <li class="list-group-item active"> <span class="list-group-icon"><span class="etl-icon icon-envelope mbr-iconfont-company-contacts3"></span></span> <span class="list-group-text"><a href="mailto:support@splitwriting.com">support@splitwriting.com</a></span> </li> </ul> </div> </div> <div class="mbr-footer-content col-xs-12 col-md-6 col-lg-3"> <h4>Categories</h4> <ul> <li><a class="text-white" href="spip.php?rubrique1">Théorie</a></li> <li><a class="text-white" href="spip.php?rubrique10">Veille Technologique</a></li> <li><a class="text-white" href="spip.php?rubrique6">Intégration</a></li> <li><a class="text-white" href="spip.php?rubrique7">Communication</a></li> </ul> </div> <div class="mbr-footer-content col-xs-12 col-md-6 col-lg-3"> <p><h4>Nos objectifs</h4><br> <li><small>Mettre en place les grands axes théoriques avec l'aide de professionnels du web. En limitant les termes techniques et en produisant un discours compréhensible par tous.</small></li> <li><small>Construire un réseau de développeurs spécialisés dans l'intégration des principaux CMS du marché afin de mener une réflexion pour les rendre SplitWriting Compliants. </small></li> <li><small>Sensibiliser et aider les dircoms et les community managers afin d'automatiser leurs tâches quotidiennes pour de meilleurs résultats et donc à terme, plus de clients satisfaits.</small></li> </p> </div> <div class="col-xs-12 col-md-6 col-lg-3" data-form-type="formoid"> <div data-form-alert="true"> <div hidden="" data-form-alert-success="true"><multi>[en]Thanks for filling out form![fr]Merci de votre demande!</div> </div> <form action="" method="post" data-form-title="MESSAGE"> <div class="form-group"> <label class="form-control-label" for="contacts3-3-email">Email<span class="form-asterisk">*</span></label> <input type="email" class="form-control input-sm input-inverse" name="email" required="" data-form-field="Email" id="subject"> </div> <div class="form-group"> <label class="form-control-label" for="contacts3-3-message">Message</label> <textarea class="form-control input-sm input-inverse" name="message" data-form-field="Message" rows="5" id="message"></textarea> </div> <div><button type="submit" class="btn btn-sm btn-black">Envoyer</button></div> </form> </div> </div> </section> </div><!--.page--> </body> </html>