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>
comments