Post Details

Comment Installer Et Utiliser CKEditor Dans Laravel 6+

Technology

Comment Installer Et Utiliser CKEditor Dans Laravel 6+

Publier le package Ckeditor par commande

Après avoir exécuté avec succès la commande ci-dessous, qui copie certains des fichiers et dossiers de

‘vendor \ unisharp \ laravel-ckeditor’ dans ‘public \ vendor \ unisharp \ laravel-ckeditor’.

php artisan vendor:publish --tag=ckeditor

 

Création de la route

Dans cette étape, nous devons créer un itinéraire. Maintenant, allez dans le fichier route / web.php et mettez le code ci-dessous dans votre fichier:

Route::get('/ckeditor', '[email protected]');

Générer un contrôleur

Dans cette étape, nous allons générer un contrôleur par ligne de commande. Alors ouvrez votre ligne de commande et exécutez la commande ci-dessous sur votre invite de commande.

php artisan make:controller CkeditorController

Après avoir réussi à exécuter la commande ci-dessus et créer un fichier de contrôleur. Ensuite, ouvrez votre contrôleur et mettez le code ci-dessous dans votre fichier.

<php
namespace App\Http\Controllers;useIlluminate\Http\Request;useValidator,Redirect,Response;classCkeditorController extendsController{publicfunctionindex(){returnview('ckeditor');}  }
<?php 
namespace App\Http\Controllers;
use Illuminate\Http\Request;
use Validator,Redirect,Response;
class CkeditorController extends Controller{
   public function index()
    {
       return view('ckeditor');
    }  
}

Création de la vue Blade

Dernière étape, dans cette étape, nous devons parcourir ressources / vues et créer un nom de fichier, ckeditor.blade.php.

After we will create a blade view file, you need to put the below code into your file.

<!DOCTYPE html>
<html>
<head>
<title>Install and Use CKEditor in Laravel with Image Upload - Tutsmake.com</title>
  
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<meta name="csrf-token" content="{{ csrf_token() }}">
<!--Bootsrap 4 CDN-->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
</head>
<body>
 
<div class="container-fluid">
    <textarea class="form-control" id="description" name="description"></textarea>
</div>
 
<script src="{{ asset('vendor/unisharp/laravel-ckeditor/ckeditor.js') }}"></script>
<script>
    CKEDITOR.replace( 'description' );
</script>
</body>
</html>
Open For See More :