HTMLPurifier, Markdown et Emoji

Aujourd'hui je vous propose ce tuto afin de découvrir comment sécuriser votre texte d'affichage et d'y ajouter des émojis.


Les prérequis :

Dans un premier il vous faudra :


Mise en place de HTML_Purifier

Pour la mise en place de HTML_Purifier je vous conseil d'aller voir cet article pour installer HTML_Purifier sur votre site.


Mise en place de notre parser

Ensuite on va inclure notre parser :

<?php
  // parsedown
   $parsedown = new Aidantwoods\SecureParsedown\SecureParsedown;
   $parsedown->setSafeMode(true);
   $Parsedown = new Parsedown();
?>


Ensuite le echo de notre commentaire ne ressemblera plus a ça :


<?= $Purifier->purify($commentText); ?>

Mais a ça :

<?= $Purifier->purify($Parsedown->text($commentText));  ?>


Mise en place de la fonction avec les emojis

On va ensuite créer une fonction qui rendra notre commentaire purifier puis parser avec les emojis :


function PurifierParserWithEmoji($comment){
    // On a besoin de notre variable $Purifier et notre parser on les met en global
    global $Purifier, $Parsedown; 
    // Nos variables purification et parser
    $comment = $Purifier->purify($Parsedown->text($comment));
    // On remplace le code emoji trouver dans le text
    $emoji_remplace = [':)', ':('];
    // Par une image 
    $emoji = ["<img src='".WEBROOT."img/emojis/smile.png' />","<img src='".WEBROOT."img/emojis/sad.png' />"];
    // On remplace ce que l'on trouve dans nos tableau par des emoji 
    $comment = str_replace($emoji_remplace ,$emoji , $comment);
    // On renvoie la réponse purifier, parser avec les emojis
    return $comment;
}


Conclusion

Maintenant, il ne reste plus qu'à afficher notre texte propre !


<div class="cls-cmt">
   <?= CommentPurifierParseWithEmoji($response->comment); ?>   
</div> 


Voilà j'espère que ce tuto vous aura aidé. 😁

Par Clouder le 22 Mar 2018
Cette pub permet au site de vivre ...

Commentaire

Tu veux participer ?
Alors connecte toi ou inscris toi et viens participer !