如何在 Laravel 11 中安裝並使用 Trix 編輯器

本文將指導您如何在Laravel 11應用程式中安裝和使用Trix編輯器，並實現圖片上傳功能。

Trix編輯器是由Basecamp開發的輕量級富文本編輯器。它簡潔易用，提供粗體、斜體、連結和清單等基本文字格式化功能，不會讓使用者感到功能繁雜。它基於現代Web技術構建，能與Web應用程式無縫集成，提供簡潔直覺的介面來創建和編輯內容。您也可以參考如何在Laravel 11教學中使用CKeditor上傳圖片。

本範例將建立一個簡單的Trix編輯器，包含圖片上傳功能，並將圖片儲存到本機儲存。我們將設定三個路由，其中​​一個POST路由用於上傳圖片。用戶選擇圖片並提交後，圖片將儲存在「media」資料夾中。

步驟1：安裝Laravel 11

首先，我們需要使用以下命令創建一個新的Laravel 11應用程序，因為我們是全新開始。打開您的終端機或命令提示符，並執行以下命令：

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

步驟2：建立路由

此步驟中，我們將向routes/web.php檔案新增三個GET和POST方法路由。程式碼如下：

routes/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()方法。

請確保您已在public目錄下建立了media資料夾，因為圖片將儲存在此資料夾中。

請參考完整教學以取得更多細節。

以上是如何在 Laravel 11 中安裝並使用 Trix 編輯器的詳細內容。更多資訊請關注PHP中文網其他相關文章！