如何在 Laravel 教學中使用 Summernote 上傳圖片

在這篇文章中，我將向您展示如何在 Laravel 11 應用程式中使用 Summernote 進行圖片上傳。

Summernote 是一個 WYSIWYG（所見即所得）編輯器，允許使用者為網頁建立富文本編輯器。它是一個基於瀏覽器的開源編輯器，利用 jQuery 框架為使用者提供簡單、直覺的介面來建立、編輯和格式化文字。您可以學習如何在 Laravel 11 中產生條碼

在本教學中，我們將建立一個包含標題和正文列的貼文表。我們將建立一個表單，其中包含標題的輸入和正文的 Summernote 富文本框，然後將其儲存到資料庫。
如何在 Laravel 11 中使用 Summernote 上傳圖片的步驟？

第 1 步：安裝 Laravel 11

這一步不是必須的；但是，如果您還沒有創建 Laravel 應用程序，那麼您可以繼續執行以下命令：

composer create-project laravel/laravel SummernoteImageUpload
cd SummernoteImageUpload

步驟2：建立帖子表和模型

第一步，我們需要建立一個新的遷移來新增「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');
    }
};

閱讀更多

以上是如何在 Laravel 教學中使用 Summernote 上傳圖片的詳細內容。更多資訊請關注PHP中文網其他相關文章！