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

Mary-Kate Olsen
發布: 2024-10-29 00:55:02
原創
560 人瀏覽過

How to Image Upload with Summernote in Laravel Tutorial

在這篇文章中,我將向您展示如何在 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中文網其他相關文章!

來源:dev.to
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!