Tutoriel d'intégration Laravel Ueditor | Comment utiliser l'éditeur UEditor dans Laravel

Qu'est-ce que Laravel Ueditor

Laravel Ueditor est un puissant éditeur de contenu conçu pour simplifier les efforts d'intégration des développeurs dans le cadre Laravel. Il fournit des applications Web avec une fonction d'édition de texte riche intuitive, y compris les fonctions d'édition de contenu dans divers formats tels que le téléchargement d'images et la gestion des fichiers. Avec Laravel Ueditor, les développeurs peuvent améliorer l'expérience des utilisateurs et améliorer l'efficacité de la gestion du contenu.

Installer Laravel Ueditor

Intégrant UEditor dans votre projet Laravel, vous devez d'abord installer les dépendances via Composer. Veuillez exécuter la commande suivante dans le répertoire racine du projet:

 composer require "baijunyao/laravel-ueditor"

Une fois l'installation terminée, vous devez enregistrer le fournisseur de services dans le fichier config / app.php:

 Baijunyao\Ueditor\UeditorServiceProvider::class,

Configuration de Laravel Ueditor

Après avoir installé et enregistré un fournisseur de services, vous devez publier un fichier de configuration pour le modifier en fonction de vos besoins. Utilisez la commande suivante pour publier le fichier de configuration:

 php artisan vendor:publish --provider="Baijunyao\Ueditor\UeditorServiceProvider"

Cette commande créera un fichier de configuration config / ueditor.php, dans lequel vous pouvez personnaliser les options de configuration UEditor, telles que le chemin de téléchargement, la limite de taille du fichier, etc.

Configurer le chemin de téléchargement

Dans le fichier config / ueditor.php, vous pouvez définir le chemin de téléchargement sur le fichier. Par exemple, vous pouvez configurer le fichier pour enregistrer le chemin de la manière suivante:

 'pathFormat' => '/uploads/ueditor/'.date('Ymd').'/',

Utilisation de Laravel Ueditor dans une vue

En utilisant UEditor dans la vue de Laravel, vous chargez simplement le fichier JavaScript et insérez le composant de l'éditeur UEditor. Tout d'abord, chargez le fichier JavaScript d'Ueditor dans le fichier de vue:

 <script type="text/javascript" src="{{ asset('vendor/ueditor/ueditor.all.min.js') }}"></script>

Ensuite, vous pouvez ajouter l'éditeur UEditor au formulaire:

 var ue = UE.getEditor('editor');

 <textarea id="editor" name="content"></textarea>

Soumettre les formulaires et le traitement des données

Lorsqu'un utilisateur soumet un formulaire, vous pouvez traiter le contenu généré par l'éditeur dans le contrôleur. Utilisez le code suivant pour obtenir le contenu et enregistrez-le dans la base de données:

 $content = request()->input('content');

 Post::create([ 'content' => $content ]);

Résumer

Laravel Ueditor est un éditeur de texte hautement intégré et puissant, particulièrement adapté aux développeurs à utiliser dans les applications Laravel. Grâce aux didacticiels ci-dessus, vous pouvez facilement terminer l'installation, la configuration et l'utilisation, améliorant l'efficacité de la gestion du contenu du projet. La configuration et l'utilisation correctes amélioreront considérablement l'expérience utilisateur.