Blog

Comment Installer Et Utiliser CKEditor Dans Laravel 6

Comment installer et utiliser CKEditor dans Laravel 6

Dans ce tutoriel, nous allons apprendre Comment installer et utiliser CKEditor dans laravel 6 à l’aide de la ligne de commande.

Installer un projet Laravel

Nous avons d’abord besoin de télécharger la dernière configuration Laravel. Nous allons donc utiliser la commande ci-dessous pour installer un prejet laravel.

composer create-project --prefer-dist laravel/laravel Blog

Installer le package CKEditor

Ensuite, pour installer CKEditor dans Laravel, ouvrez l’invite de commande située dans le répertoire racine de votre projet et exécutez la commande ci-dessous.

composer require unisharp/laravel-ckeditor

La commande ci-dessus installera les packages CKEditor dans le projet laravel.

Enregistrez le package CKEditor au projet Laravel

Prochaine étape, nous devons enregistrer le paquet dans laravel.

Alors, ouvrez votre fichier config / app.php et placez la ligne ci-dessous dans le tableau providers.

Unisharp\Ckeditor\ServiceProvider::class,

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', 'CkeditorController@index');

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>

Conclusion

Comment installer et utiliser CKEditor dans laravel.

Ici, nous avons appris comment installer et utiliser CKEditor dans laravel.

Si vous avez des questions ou des commentaires, veuillez nous en informer.