Comment utiliser Quill Editor avec Laravel 10 et Livewire v3

Je voulais créer un système de gestion de contenu pour un projet sur lequel je travaillais récemment et j'avais besoin d'utiliser un éditeur de texte enrichi. J'ai essayé de nombreux éditeurs de texte enrichi, mais la plupart ne fonctionnaient pas bien avec les exigences définies par le client.

La gestion du téléchargement d'images sur l'éditeur Trix était difficile à mettre en œuvre, je n'ai trouvé aucun éditeur de texte enrichi pour m'aider jusqu'à ce que je tombe sur l'éditeur de texte enrichi Quill.

Je n'entrerai pas dans les détails de la façon d'installer Laravel 10 et Livewire v3 car je suppose que cette implémentation particulière est destinée aux développeurs de niveau intermédiaire à senior.

Première étape : dans votre dossier Mise en page, par ex. resources/views/layouts/app.blade.php insérez ces CDN de Quill dans votre bloc head

Remarque : le deuxième CDN est un thème.

Deuxième étape : Dans votre script insérez ce script CDN

Ensuite, l'étape suivante consistera à créer un composant livewire en utilisant

Cela créera deux fichiers dans les dossiers resources/views/livewire et app/Livewire.

Troisième étape : Ouvrez le CreateBlogPost.php dans le dossier app/Livewire et insérez ces blocs de Code.