PHPackages                             wangta69/laravel-editor - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. wangta69/laravel-editor

ActiveLibrary

wangta69/laravel-editor
=======================

WysiWig Editors for laravel

8.12.1(2mo ago)2917—0%3MITJavaScriptPHP >=7.0.0

Since Jun 26Pushed 2mo ago1 watchersCompare

[ Source](https://github.com/wangta69/laravel-editor)[ Packagist](https://packagist.org/packages/wangta69/laravel-editor)[ Docs](https://www.onstory.fun/packages/laravel-editor)[ RSS](/packages/wangta69-laravel-editor/feed)WikiDiscussions main Synced 1mo ago

READMEChangelog (10)DependenciesVersions (36)Used By (3)

🚀 Laravel WYSIWYG Editor Hub
============================

[](#-laravel-wysiwyg-editor-hub)

> **현재 배포 중인 주요 웹 에디터들을 라라벨 프로젝트에서 즉시 사용할 수 있도록 통합한 플러그인입니다.**
> 하나의 패키지로 TinyMCE, Summernote, Naver Smart Editor 등 다양한 에디터를 설정 하나로 자유롭게 교체하세요.

---

🌟 Real-world Usage
------------------

[](#-real-world-usage)

이 라이브러리는 **[길라(Gilra)](https://gilra.kr)** (Online Fortune Service)의 커뮤니티 Q&A, 1:1 상담소, 공지사항 기능을 구축하는 데 실제로 사용되었습니다. 특히 **사주 명반 이미지 자동 첨부 및 전문가 답변 시스템**을 구현하며 안정성과 유연성이 검증되었습니다.

---

✨ Key Features
--------------

[](#-key-features)

- **Multi-Editor Support**: 5종 이상의 유명 에디터 완벽 지원 (Summernote 추가)
- **Blade Component Ready**: `` 태그로 간편하게 삽입
- **Smart Instance Management**: 한 페이지 내 여러 개의 에디터 인스턴스를 세션 기반으로 자동 관리
- **Defer-loading Compatible**: jQuery `defer` 환경에서도 로딩 순서 꼬임 없이 안정적으로 작동
- **Image Upload System**: 커스텀 저장 경로 설정을 지원하는 전용 Trait 제공 (`SmartEditor`)
- **Cosmic Dark Theme**: 다크 모드 UI 환경에 최적화된 CSS 커스텀 지원

---

📚 Documentation
---------------

[](#-documentation)

상세한 사용법과 커스텀 가이드는 [공식 사이트](https://www.onstory.fun/doc/programming/laravel/package.laraveleditor)에서 확인하실 수 있습니다.

---

🛠 Installation
--------------

[](#-installation)

### 1. Composer를 통해 설치

[](#1-composer를-통해-설치)

```
composer require wangta69/laravel-editor
```

### 2. 에디터 리소스 및 설정파일 발행

[](#2-에디터-리소스-및-설정파일-발행)

```
php artisan pondol:install-editor
```

*이 명령어를 실행하면 `config/pondol-editor.php` 파일과 `public/plugins/editor` 폴더에 필요한 정적 파일들이 생성됩니다.*

---

⚙️ Configuration
----------------

[](#️-configuration)

`config/pondol-editor.php` 파일에서 기본으로 사용할 에디터 템플릿과 라우팅 옵션을 수정할 수 있습니다.

### Supported Templates

[](#supported-templates)

KeyEditor NameLicense특징`summernote`**Summernote**MIT**추천.** 가볍고 라이선스 문구 없는 완전 무료 에디터`tinymce`**TinyMCE**Community가장 강력한 기능과 전 세계적인 안정성`smart-editor`**Naver Smart Editor**Open Source국내 사용자에게 친숙한 네이버 스타일`richtext`**RichText Editor**Commercial매우 가벼운 고성능 에디터`froala`**Froala Editor**Commercial세련된 디자인과 모바일 최적화 에디터---

📖 Usage Examples
----------------

[](#-usage-examples)

### 1. 기본 사용법 (Before & After)

[](#1-기본-사용법-before--after)

설정파일에 지정된 기본 에디터를 불러옵니다.

**Before:**

```

  Save

```

**After (Component 방식):**

```

  Save

```

**After (Blade Include 방식):**

```

  @include ('editor::default', ['name'=>'comment', 'id'=>'comment-id',
  'value'=>'', 'attr'=>['class'=>'']])
  Save

```

### 2. 특정 템플릿 강제 지정

[](#2-특정-템플릿-강제-지정)

기본 설정과 상관없이 페이지마다 다른 에디터를 사용하고 싶을 때 유용합니다.

**TinyMCE 적용 시:**

```
@include('editor::tinymce.editor', [ 'name' => 'comment', 'id' => 'comment-id',
'value' => $data->content, 'attr' => ['class' => 'form-control'] ])
```

---

🚀 Advanced Usage
----------------

[](#-advanced-usage)

### 1. 한 페이지에 여러 에디터 사용 (Multi-instance)

[](#1-한-페이지에-여러-에디터-사용-multi-instance)

`type` 속성을 통해 세션 기반의 인스턴스 관리가 가능합니다.

```

```

### 2. 스크립트 Defer 로딩 대응

[](#2-스크립트-defer-로딩-대응)

본 라이브러리는 jQuery가 `defer`로 로드되는 최신 웹 환경에서도 안정적으로 작동합니다. 모든 초기화 코드는 `window.load` 시점에 실행되어 라이브러리 부재로 인한 `Uncaught ReferenceError`를 방지합니다.

---

📸 Image Upload (SmartEditor Trait)
----------------------------------

[](#-image-upload-smarteditor-trait)

이미지 업로드 경로를 컨트롤러에서 유동적으로 지정할 수 있습니다.

```
use Pondol\Editor\Traits\SmartEditor;

class PostController extends Controller
{
    use SmartEditor;

    public function uploadImage(Request $request)
    {
        // _uploadStore 메서드가 유효성 검사 및 저장을 자동으로 처리합니다.
        // 두 번째 인자로 storage/app/public 하위의 저장 경로를 지정할 수 있습니다.
        $result = $this->_uploadStore($request, 'uploads/posts');

        if ($result['error']) {
            return response()->json(['success' => false, 'message' => 'Upload failed']);
        }
        return $result['url'];
    }
}
```

---

🎨 Styling for Dark Mode
-----------------------

[](#-styling-for-dark-mode)

길라(Gilra) 서비스와 같은 다크 테마 환경을 위해 에디터의 배경 및 툴바 색상을 오버라이딩할 수 있습니다.

```
/* Summernote Dark Mode 예시 */
.note-editor {
  background-color: #1b263b !important;
}
.note-toolbar {
  background-color: #2a3b57 !important;
}
.note-editable {
  color: #fff !important;
}
```

---

🧪 Tests & Verification
--------------------------

[](#-tests--verification)

설치 후 아래 주소로 접속하여 각 에디터가 정상적으로 렌더링되는지 즉시 테스트할 수 있습니다.

- **기본 테스트**: `https://your-domain.com/editor/richtext`
- **스마트 에디터**: `https://your-domain.com/editor/smart-editor`
- **TinyMCE**: `https://your-domain.com/editor/tinymce`
- **Summernote**: `https://your-domain.com/editor/summernote`

---

🖼 Screenshots
-------------

[](#-screenshots)

[![laravel WYSIWYG editor sample](./assets/images/editor-sample.png)](./assets/images/editor-sample.png)*다양한 환경에서 일관되고 세련된 편집 경험을 제공합니다.*

---

🤝 Contribution & Support
----------------------------

[](#-contribution--support)

- **Issues**: 버그나 개선 사항은 [GitHub Issues](https://github.com/wangta69/laravel-editor/issues)에 남겨주세요.
- **Support**: [onstory.fun](https://www.onstory.fun)
- **Real-world Case**: [길라(Gilra) 운세 서비스](https://gilra.kr)

---

Copyright © wangta69. Licensed under the MIT License.

###  Health Score

45

—

FairBetter than 92% of packages

Maintenance86

Actively maintained with recent releases

Popularity21

Limited adoption so far

Community13

Small or concentrated contributor base

Maturity50

Maturing project, gaining track record

 Bus Factor1

Top contributor holds 100% of commits — single point of failure

How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window.

**Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores.

**Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement.

**Maturity (30%)** — Project age, version count, PHP version support, and release stability.

###  Release Activity

Cadence

Every ~29 days

Recently: every ~122 days

Total

35

Last Release

69d ago

Major Versions

0.0.9 → 8.0.02024-07-22

PHP version history (2 changes)0.0.1PHP >=6.0.0

8.0.1PHP >=7.0.0

### Community

Maintainers

![](https://www.gravatar.com/avatar/d710777d1acc261175e5f7d5fd6fe55f09d44c496a1fead48c155835fa0fdb3a?d=identicon)[wangta69](/maintainers/wangta69)

---

Top Contributors

[![wangta69](https://avatars.githubusercontent.com/u/427687?v=4)](https://github.com/wangta69 "wangta69 (45 commits)")

---

Tags

froala-editorlaravelrichtexteditorsmart-editortinymcewysiwig-editorlaraveleditorwysiwygtinymcerichtextfroalanaver

### Embed Badge

![Health badge](/badges/wangta69-laravel-editor/health.svg)

```
[![Health](https://phpackages.com/badges/wangta69-laravel-editor/health.svg)](https://phpackages.com/packages/wangta69-laravel-editor)
```

###  Alternatives

[unisharp/laravel-ckeditor

JavaScript WYSIWYG web text editor (for laravel).

377762.3k5](/packages/unisharp-laravel-ckeditor)[ktquez/laravel-tinymce

TinyMCE editor for Laravel and Lumen Framework

2525.4k](/packages/ktquez-laravel-tinymce)[techguy/laravel-ckeditor

JavaScript WYSIWYG web text editor (for laravel).

1113.5k](/packages/techguy-laravel-ckeditor)

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)