So laden Sie Bilder mit Summernote im Laravel-Tutorial hoch

In diesem Beitrag zeige ich Ihnen, wie Sie Bilder mit Summernote in der Laravel 11-Anwendung hochladen.

Summernote ist ein WYSIWYG-Editor (What You See Is What You Get), mit dem Benutzer Rich-Text-Editoren für Webseiten erstellen können. Es handelt sich um einen browserbasierten Open-Source-Editor, der ein jQuery-Framework nutzt, um Benutzern eine einfache, intuitive Schnittstelle zum Erstellen, Bearbeiten und Formatieren ihres Textes bereitzustellen. Sie können lernen, wie Sie Barcodes in Laravel 11 generieren

In diesem Tutorial erstellen wir eine Beitragstabelle mit einer Titel- und einer Textspalte. Wir erstellen ein Formular mit Eingaben für den Titel und einem Summernote-Rich-Textfeld für den Text und speichern es dann in der Datenbank.
Schritt zum Hochladen von Bildern mit Summernote in Laravel 11?

Schritt 1: Installieren Sie Laravel 11

Dieser Schritt ist nicht erforderlich; Wenn Sie jedoch die Laravel-App nicht erstellt haben, können Sie fortfahren und den folgenden Befehl ausführen:

composer create-project laravel/laravel SummernoteImageUpload
cd SummernoteImageUpload

Schritt 2: Erstellen Sie eine Beitragstabelle und ein Modell

Im ersten Schritt müssen wir eine neue Migration erstellen, um eine „Beiträge“-Tabelle hinzuzufügen.

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');
    }
};

Weiterlesen

Das obige ist der detaillierte Inhalt vonSo laden Sie Bilder mit Summernote im Laravel-Tutorial hoch. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!