Comment afficher les balises HTML dans Blade avec Laravel

Introduction

Laravel est un excellent framework PHP qui vous permet d’utiliser des modèles Blade pour votre frontend.

Blade est un moteur de création de modèles très puissant fourni avec Laravel qui ne limite pas les utilisateurs à utiliser du code PHP simple dans leurs vues.

Les fichiers de vues Blade utilisent l’extension .blade.php et sont généralement stockés dans le répertoire resources/views.

Dans ce tutoriel, vous apprendrez à afficher du HTML dans Blade avec Laravel !

Afficher le HTML dans les vues Laravel Blade

Tout d’abord, vous devez vous assurer que votre fichier utilise l’attribut .blade.php et qu’il est situé dans le répertoire resources/views . Il doit ressembler à quelque chose comme ceci :

index.blade.php

Par défaut, vous devez utiliser la syntaxe suivante {{ $some_variable }} pour afficher le contenu d’une variable spécifique dans Blade. Par défaut, la variable {{ }} échappe les balises HTML.

Disons que vous avez un article de blog avec une balise $post qui contient des éléments HTML dans le champ body si vous utilisiez ce qui suit :

<div>{{ $post->body }}</div>

Toutes les balises HTML ne seraient pas rendues en HTML mais en texte brut

Si vous ne voulez pas que vos balises HTML soient échappées, vous devez utiliser la fonction {!! !!} comme ceci :

<div>{!! $post->body !!}</div>

Si vous imprimez les deux et vérifiez la source de la page, vous verrez la sortie suivante :

<h1>Hello Gekko</h1>

Dans le premier cas, vous pouvez voir comment les éléments HTML ont été échappés, et dans le second cas, où nous utilisons la fonction {!! !!} nous avons obtenu les balises HTML réelles.

Il est plus sûr d’utiliser {{ }} car il supprimera toutes les balises non désirées, mais il y a toujours des cas où vous aurez besoin d’utiliser {!! !!}.

Conclusion

La modélisation des lames est bénéfique et peut vous faciliter la vie.

Si vous souhaitez en savoir plus sur Blade Templating, consultez la documentation officielle de Laravel :

https://laravel.com/docs/8.x/blade

J’espère que ce post vous a aidé !

Nouveau Tutoriel

Newsletter

Ne manquez jamais les nouveaux conseils, tutoriels et autres.

Pas de spam, jamais. Nous ne partagerons jamais votre adresse électronique et vous pouvez vous désabonner à tout moment.