Blade, Use html inside variable being passed into partial view is not being rendered

html laravel laravel-5 blade
Mohamed Kawsara picture Mohamed Kawsara · Apr 6, 2015 · Viewed 31.3k times · Source

I'm using a partial view to display page header, that view accepts two variables one is Icon the other is a title. pageHeader.blade.php:

<div class="page-header">
<div class="row">
    <!-- Page header, center on small screens -->
    <h1 class="col-xs-12 col-sm-4 text-center text-left-sm"><i class="fa {{$icon}} page-header-icon"></i>&nbsp;&nbsp;{{$title}}</h1>
</div>

and I'm using it like so:

@include('zdashboard._partials.pageHeader',['icon'=>'fa-pencil','title'=>'<strong>Editing</strong>'.$center->translations()->whereLang('en')->first()->name])

Sometimes I like to make one word strong or italic like the example above but, blade engine won't render the HTML tags I'm typing as part of title variable (the output like the photo down).

So is there any idea how to solve this? Am I doing it!

wrong?

The output

Answer

Limon Monte picture Limon Monte · Apr 6, 2015

By default in Laravel 5 {{ $title }} construction wil be escaped.

If you don't want the data to be escaped, you may use the following syntax:

{!! $title !!}

Read more about Blade control structures: http://laravel.com/docs/5.0/templates#other-blade-control-structures

Related questions

Add icon to Laravelcollective submit button

I'm trying to add a trash icon to submit button and I tried this : {!! Form::submit('', ['class' => 'btn btn-warning btn-sm fa fa-trash']) !!} but the icon won't show. How to solve this ? thanks in advance!

Read More
Adding form action in html in laravel

I am unable to pass url in views html form action tag. <form method="post" action="??what to write here??" accept-charset="UTF-8"> I want to set it's action to WelcomeController@log_in function in WelcomeController file in controllers. …

Read More
DomPDF: Image not readable or empty

For some reason, DomPDF won't render an image included in the html that is being parsed: However, the image is rendered on the page when it is returned as html: I've looked at these issues and have make sure that …

Read More