Laravel Blade without extra whitespace?

Question

If you do this you get an error:

<p>@if($foo)@if($bar)test@endif@endif</p>

And if you do this, you get <p> test </p>, adding too much whitepace:

<p>@if($foo) @if($bar)test@endif @endif</p>

Is there a way to avoid this?

Whet

Answer 1

this appears to be getting a lot of search traffic so I figured I'd add an update to share how I'm handling this these days. Basically, it's a little more code but it ends up being stupid simple and very clean:

@if($foo)
  <p>Test</p>
@elseif($bar)
  <p>Test2</p>
@else
  <p>Test3</p>
@endif

The moral of the story is when you're working with blade, don't try to cram a lot of conditionals within elements. Rather, have the result of the conditional contain the element. It's clean, easy to read, and with only a few more characters spent.

Whet

I had this problem with my breadcrumbs, I wrapped them up in a <span>. Basically the same solution. Thank you for your answer! – Hynes

While it pains me to resort to this approach (as there appears to be no alternative), it is surprisingly effective. Thank you! – Eulaeulachon

@user151496 care to explain why? – Whet

Answer 2

Try with a ternary operator, there is no whitespace control in Laravel

<p>{{ $foo ? ($bar ? 'test' : '') : ''}}</p>

Bootee

Upvoted for alternate solution for the specific example. – Whet

Answer 3

You can add {{""}} in between the code you want to close or connect without space.

<p>@if($foo)@if($bar)test@endif{{""}}@endif</p>

Overabundance

Answer 4

You could always use the hedronium/spaceless-blade package on packagist to add this functionality to Blade.

Glomma

aint working for foreach loop, still getting the spaces – Casting

The referenced package is designed to eliminate spaces in content between already-parsed Blade directives, not between adjacent directives with only whitespace between them. The link in Macin's Answer clarifies the distinction. This is the reason for which Symfony's Twig engine includes {% spaceless %} and {% endspaceless %}, despite the fact that its tag syntax employs opening and closing delimiters ({% and %}). In other words, the suggested solution addresses a different problem. – Eulaeulachon

Answer 5

As far as I know there is no spaceless tag in Blade. If you want to use standard Blade tags you will have extra spaces. There is a github discussion with proposal for new tag

Politico

Answer 6

value="@error('title'){{old('title')}}@else{{''}}@isset($myBook->title){{$myBook->title}}@endisset{{''}}@enderror">

this works for me.

Pearce