Comment télécharger une image avec Summernote dans le didacticiel Laravel

Dans cet article, je vais vous montrer comment télécharger une image avec Summernote dans l'application Laravel 11.

Summernote est un éditeur WYSIWYG (What You See Is What You Get) qui permet aux utilisateurs de créer des éditeurs de texte enrichi pour les pages Web. Il s'agit d'un éditeur open source basé sur un navigateur qui tire parti d'un framework jQuery pour fournir une interface simple et intuitive permettant aux utilisateurs de créer, modifier et formater leur texte. Vous pouvez apprendre à générer un code-barres dans Laravel 11

Dans ce tutoriel, nous allons créer un tableau de publications avec une colonne de titre et de corps. Nous allons créer un formulaire avec une entrée pour le titre et une zone de texte riche Summernote pour le corps, puis l'enregistrer dans la base de données.
Étape pour savoir comment télécharger une image avec Summernote dans Laravel 11 ?

Étape 1 : Installer Laravel 11

Cette étape n’est pas obligatoire ; cependant, si vous n'avez pas créé l'application Laravel, vous pouvez continuer et exécuter la commande ci-dessous :

composer create-project laravel/laravel SummernoteImageUpload
cd SummernoteImageUpload

Étape 2 : Créer un tableau et un modèle de publications

Dans la première étape, nous devons créer une nouvelle migration pour ajouter une table « posts ».

php artisan make:migration create_posts_table

database/migrations/2024_02_17_133331_create_posts_table.php

<?php

use Illuminate\Database\Migrations\Migration;
use Illuminate\Database\Schema\Blueprint;
use Illuminate\Support\Facades\Schema;

return new class extends Migration
{
    /**
     * Run the migrations.
     *
     * @return void
     */
    public function up(): void
    {
        Schema::create('posts', function (Blueprint $table) {
            $table->id();
            $table->string('title');
            $table->text('body');
            $table->timestamps();
        });
    }

    /**
     * Reverse the migrations.
     *
     * @return void
     */
    public function down(): void
    {
        Schema::dropIfExists('posts');
    }
};

Lire la suite

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!