Laravel チュートリアルで Summernote を使用して画像をアップロードする方法

この投稿では、Laravel 11 アプリケーションの Summernote を使用して画像をアップロードする方法を説明します。

Summernote は、ユーザーが Web ページ用のリッチ テキスト エディターを作成できる WYSIWYG (What You See Is What You Get) エディターです。これはオープンソースのブラウザベースのエディタであり、jQuery フレームワークを利用して、ユーザーがテキストを作成、編集、書式設定するためのシンプルで直感的なインターフェイスを提供します。 Laravel 11 でバーコードを生成する方法を学ぶことができます

このチュートリアルでは、タイトルと本文の列を含む posts テーブルを作成します。タイトルを入力し、本文を 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 中国語 Web サイトの他の関連記事を参照してください。