Laravel nl2br Blade Directive

Share Me
  •  
  •  
  •  
  • 1
  •  
  •  
  •  
  •  
  •  
  •  
  •  
    1
    Share
Laravel nl2br Blade

I think this tutorial, you will learn about laravel nl2br blade directive example.I will do step by step explain laravel nl2br blade. So in this article i will give you a simple example of laravel text area nl2br. Now I’m going to show you about laravel directives nl2br. So just you need just do  to some step to done laravel custom directive.

Now In this post,i will give you a simple example of creating custom blade directives in laravel step by step. And you can easily use with laravel 6, laravel 7 and laravel 8 app. Now we will create a @nl2br blade directive and use it with example. we almost need nl2br() for text area value display. you can see bellow layout.

Step 1: Create a Custom Blade Directive

in app service provide file you have to declare custom blade directive. so let’s add code as bellow:

app/Providers/AppServiceProvider.php

<?php
  
namespace App\Providers;
  
use Illuminate\Support\ServiceProvider;
use Illuminate\Pagination\Paginator;
use Blade;
  
class AppServiceProvider extends ServiceProvider
{
    /**
     * Register any application services.
     *
     * @return void
     */
    public function register()
    {
    }
    /**
     * Bootstrap any application services.
     *
     * @return void
     */
    public function boot()
    {
        Paginator::useBootstrap();  
        Blade::directive('nl2br', function ($string) {
            return "<?php echo nl2br($string); ?>";
        });
    }
}

Step 2: Create Route

Now we will create one route for example how to use custom directives in laravel blade. let’s we add as bellow:routes/web.php

Route::get('directive', function () {
      
    $body = '';
  
    if(request()->filled('body')){
        $body = request()->body;        
    }
  
    return view('directive', compact('body'));
});

Read Also : How to Convert String Date to Date Format in PHP?

Step 3: Create Blade File

Here, now you need to use @nl2br directive in this blade file as like bellow:routes/web.php

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <link href="//netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
  
<div class="container">
    <h1>How to create directive in Laravel? - Codings Point</h1>
  
    <form>
        <strong>Enter Something:</strong>
        <textarea name="body" class="form-control" style="height: 200px"></textarea>
  
        <button type="submit" class="btn btn-success">Submit</button>
    </form>
  
    <p>Body:</p>
    <p>@nl2br($body)</p>
</div>
  
</body>
</html>

Now you can try your own self.

I hope it can help you. Follow us on facebook

About Shahriar Sagor

My name is Shahriar sagor. I'm a developer. I live in Bangladesh and I love to write tutorials and tips that will help to other Developer's. I am a big fan of PHP, Javascript, JQuery, Laravel, Codeigniter, VueJS, AngularJS and Bootstrap from the early stage.

View all posts by Shahriar Sagor →