Laravel nl2br Blade Directive
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
Read Also :
