Cara Muat Naik Imej dengan Summernote dalam Tutorial Laravel

Dalam siaran ini, saya akan menunjukkan kepada anda Cara Muat Naik Imej dengan Summernote dalam aplikasi Laravel 11.

Summernote ialah editor WYSIWYG (What You See Is What You Get) yang membolehkan pengguna membuat editor teks kaya untuk halaman web. Ia ialah editor berasaskan pelayar sumber terbuka yang memanfaatkan rangka kerja jQuery untuk menyediakan antara muka yang mudah dan intuitif untuk pengguna mencipta, mengedit dan memformat teks mereka. Anda Boleh Belajar Cara Menjana Kod Bar dalam Laravel 11

Dalam tutorial ini, kami akan mencipta jadual siaran dengan tajuk dan lajur kandungan. Kami akan membuat borang dengan input untuk tajuk dan kotak teks kaya Summernote untuk badan, kemudian simpannya ke pangkalan data.
Langkah untuk Cara Muat Naik Imej dengan Summernote dalam Laravel 11?

Langkah 1: Pasang Laravel 11

Langkah ini tidak diperlukan; namun, jika anda belum mencipta apl Laravel, maka anda boleh meneruskan dan melaksanakan arahan di bawah:

composer create-project laravel/laravel SummernoteImageUpload
cd SummernoteImageUpload

Langkah 2: Buat Jadual dan Model siaran

Dalam langkah pertama, kita perlu membuat migrasi baharu untuk menambah jadual "siaran".

php artisan make:migration create_posts_table

pangkalan data/migrasi/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');
    }
};

Baca Lagi

Atas ialah kandungan terperinci Cara Muat Naik Imej dengan Summernote dalam Tutorial Laravel. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!