Laravel 튜토리얼에서 Summernote를 사용하여 이미지를 업로드하는 방법

이번 포스팅에서는 Laravel 11 애플리케이션에서 Summernote를 사용하여 이미지를 업로드하는 방법을 보여드리겠습니다.

Summernote는 사용자가 웹 페이지용 서식 있는 텍스트 편집기를 만들 수 있는 WYSIWYG(What You See Is What You Get) 편집기입니다. 이는 jQuery 프레임워크를 활용하여 사용자가 텍스트를 생성, 편집 및 서식 지정할 수 있는 간단하고 직관적인 인터페이스를 제공하는 오픈 소스 브라우저 기반 편집기입니다. Laravel 11에서 바코드를 생성하는 방법을 배울 수 있습니다

이 튜토리얼에서는 제목과 본문 열이 있는 게시물 테이블을 만듭니다. 제목에 대한 입력과 본문에 대한 Summernote 서식 있는 텍스트 상자가 포함된 양식을 생성한 다음 데이터베이스에 저장합니다.
Laravel 11에서 Summernote를 사용하여 이미지를 업로드하는 방법은 무엇입니까?

1단계: 라라벨 11 설치

이 단계는 필수 단계가 아닙니다. 하지만 아직 Laravel 앱을 만들지 않으셨다면 아래 명령을 실행해 보세요:

composer create-project laravel/laravel SummernoteImageUpload
cd SummernoteImageUpload

2단계: 게시물 테이블 및 모델 만들기

첫 번째 단계에서는 "posts" 테이블을 추가하기 위한 새로운 마이그레이션을 생성해야 합니다.

php artisan make:migration create_posts_table

데이터베이스/마이그레이션/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 중국어 웹사이트의 기타 관련 기사를 참조하세요!