Laravel 11에서 Trix Editor를 설치하고 사용하는 방법

이 글에서는 Laravel 11 애플리케이션에서 Trix 편집기를 설치 및 사용하는 방법과 이미지 업로드 기능을 구현하는 방법을 안내합니다.

Trix 편집기는 Basecamp에서 개발한 가벼운 리치 텍스트 편집기입니다. 볼드체, 이탤릭체, 링크, 목록 등 기본적인 텍스트 서식 기능을 제공하여 사용자가 복잡하다는 느낌을 주지 않으면서 간단하고 사용하기 쉽습니다. 최신 웹 기술을 기반으로 구축된 이 제품은 웹 애플리케이션과 원활하게 통합되며 콘텐츠를 생성하고 편집할 수 있는 간단하고 직관적인 인터페이스를 제공합니다. Laravel 11 튜토리얼에서 CKeditor를 사용하여 이미지를 업로드하는 방법을 참조할 수도 있습니다.

이 예에서는 이미지 업로드 기능이 포함된 간단한 Trix 편집기를 만들고 이미지를 로컬 저장소에 저장합니다. 이미지 업로드를 위한 POST 경로를 포함하여 세 가지 경로를 설정하겠습니다. 사용자가 이미지를 선택하고 제출하면 해당 이미지는 '미디어' 폴더에 저장됩니다.

1단계: Laravel 11 설치

먼저 새로 시작하므로 다음 명령을 사용하여 새로운 Laravel 11 애플리케이션을 생성해야 합니다. 터미널이나 명령 프롬프트를 열고 다음 명령을 실행하세요:

<code>composer create-project laravel/laravel example-app</code>

2단계: 경로 생성

이 단계에서는 세 가지 GET 및 POST 메서드 경로를 routes/web.php 파일에 추가합니다. 코드는 다음과 같습니다.

경로/web.php

<code class="language-php"><?php

use Illuminate\Support\Facades\Route;
use App\Http\Controllers\TrixController;

Route::get('trix', [TrixController::class, 'index']);
Route::post('trix/upload', [TrixController::class, 'upload'])->name('trix.upload');
Route::post('trix/store', [TrixController::class, 'store'])->name('trix.store');</code>

3단계: 컨트롤러 생성

이 단계에서는 TrixController 및 index() 메소드를 포함하는 update()이라는 새 컨트롤러를 생성해야 합니다.

이미지가 이 폴더에 저장되므로 공용 디렉토리에 미디어 폴더를 생성했는지 확인하세요.

자세한 내용은 전체 튜토리얼을 참조하세요.

위 내용은 Laravel 11에서 Trix Editor를 설치하고 사용하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!