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

이 튜토리얼에서는 CKEditor를 사용하여 Laravel 11에서 이미지 업로드 기능을 구현하는 방법을 보여줍니다.

CKEditor는 사용자가 브라우저에서 텍스트 콘텐츠를 편집할 수 있는 오픈 소스 웹 기반 WYSIWYG 편집기입니다. 이는 사용자가 코딩 지식 없이도 텍스트를 생성 및 서식 지정하고, 이미지와 멀티미디어를 추가하고, HTML 코드를 편집할 수 있는 강력한 도구입니다. 2003년에 처음 출시된 CKEditor는 다용성과 사용 편의성으로 인해 웹 개발자와 콘텐츠 제작자 사이에서 인기 있는 선택이 되었습니다. JavaScript로 작성되었으며 모든 웹 애플리케이션에 쉽게 통합될 수 있습니다.

이 예에서는 이미지를 로컬 저장소에 저장하는 이미지 업로드 옵션을 사용하여 간단한 CKEditor 인스턴스를 생성합니다. GET 요청용 경로와 POST 요청(이미지 업로드용)용 경로 두 개를 설정하겠습니다. 사용자가 이미지를 선택하고 제출하면 해당 이미지는 '미디어' 폴더에 저장됩니다. Laravel 11 CORS 미들웨어 구성 예제를 연구할 수도 있습니다.

Laravel 11에서 CKEditor를 사용하여 이미지를 업로드하는 예

1단계: Laravel 11 설치

처음부터 시작하므로 먼저 다음 명령을 사용하여 새로운 Laravel 11 버전 애플리케이션을 가져와야 합니다. 따라서 터미널이나 명령 프롬프트를 열고 다음 명령을 실행하세요.

composer create-project laravel/laravel example-app

2단계: 경로 생성

이 단계에서는 routes/web.php 파일에 GET 및 POST 메서드가 포함된 세 가지 경로를 추가합니다. 추가해 보겠습니다.

routes/web.php

<?php

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

Route::get('ckeditor', [CkeditorController::class, 'index']);
Route::post('ckeditor/upload', [CkeditorController::class, 'upload'])->name('ckeditor.upload');
?>

3단계: 컨트롤러 생성

이 단계에서는 CkeditorController 및 index() 메서드를 포함하는 update()이라는 새 컨트롤러를 만들어야 합니다.

이미지가 해당 폴더에 저장되므로 public 디렉터리 내에 media 폴더를 생성했는지 확인하세요. 자세히 알아보기...

위 내용은 Laravel 튜토리얼에서 CKeditor를 사용하여 이미지를 업로드하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!