Laravel Ueditor 통합 자습서 | Laravel에서 Ueditor 편집기를 사용하는 방법

Laravel Ueditor는 무엇입니까?

Laravel Ueditor는 Laravel 프레임 워크에서 개발자의 통합 노력을 단순화하도록 설계된 강력한 컨텐츠 편집기입니다. 이미지 업로드 및 파일 관리와 같은 다양한 형식의 컨텐츠 편집 기능을 포함하여 직관적 인 풍부한 텍스트 편집 기능이있는 웹 응용 프로그램을 제공합니다. Laravel Ueditor를 통해 개발자는 사용자 경험을 향상시키고 컨텐츠 관리 효율성을 향상시킬 수 있습니다.

Laravel Ueditor를 설치하십시오

Laravel 프로젝트에 Ueditor를 통합하려면 먼저 Composer를 통해 종속성을 설치해야합니다. 프로젝트의 루트 디렉토리에서 다음 명령을 실행하십시오.

 composer require "baijunyao/laravel-ueditor"

설치가 완료되면 config/app.php 파일에 서비스 제공 업체를 등록해야합니다.

 Baijunyao\Ueditor\UeditorServiceProvider::class,

Laravel Ueditor 구성

서비스 제공 업체를 설치하고 등록한 후에는 구성 파일을 게시하여 필요에 따라 수정해야합니다. 다음 명령을 사용하여 구성 파일을 게시하십시오.

 php artisan vendor:publish --provider="Baijunyao\Ueditor\UeditorServiceProvider"

이 명령은 구성 파일 config/ueditor.php를 만들어 업로드 경로, 파일 크기 제한 등과 같은 UEDITOR 구성 옵션을 사용자 정의 할 수 있습니다.

업로드 경로를 설정하십시오

config/ueditor.php 파일에서 파일의 업로드 경로를 설정할 수 있습니다. 예를 들어, 파일을 구성하여 다음 방법으로 경로를 저장할 수 있습니다.

 'pathFormat' => '/uploads/ueditor/'.date('Ymd').'/',

보기에 Laravel Ueditor 사용

Laravel의보기에서 Ueditor를 사용하면 JavaScript 파일을로드하고 Ueditor 편집기 구성 요소를 삽입합니다. 먼저 뷰 파일에 ueditor의 javaScript 파일을로드하십시오.

 <script type="text/javascript" src="{{ asset('vendor/ueditor/ueditor.all.min.js') }}"></script>

다음으로 ueditor 편집기를 양식에 추가 할 수 있습니다.

 var ue = UE.getEditor('editor');

 <textarea id="editor" name="content"></textarea>

양식 및 데이터 처리를 제출하십시오

사용자가 양식을 제출하면 컨트롤러에서 편집기 생성 컨텐츠를 처리 할 수 있습니다. 다음 코드를 사용하여 컨텐츠를 가져 와서 데이터베이스에 저장하십시오.

 $content = request()->input('content');

 Post::create([ 'content' => $content ]);

요약

Laravel Ueditor는 고도로 통합되고 강력한 텍스트 편집기로, 특히 개발자가 Laravel 애플리케이션에 사용하기에 적합합니다. 위의 자습서를 통해 설치, 구성 및 사용을 쉽게 완료하여 프로젝트 컨텐츠 관리의 효율성을 향상시킬 수 있습니다. 올바른 구성과 사용은 사용자 경험을 크게 향상시킵니다.