TinyMCE 에디터

<!-- jsDelivr CDN — API 키 불필요, 오픈소스 GPL 라이선스 -->
<script src="https://cdn.jsdelivr.net/npm/tinymce@7/tinymce.min.js"></script>

tinymce.init({
    selector: '#content',
    base_url: 'https://cdn.jsdelivr.net/npm/tinymce@7',
    suffix: '.min',
    license_key: 'gpl',          // self-hosted 오픈소스 선언 — 알림 제거
    height: 450,
    menubar: false,
    plugins: [
        'anchor', 'autolink', 'image', 'link',
        'lists', 'searchreplace', 'table', 'wordcount', 'codesample',
    ],
    toolbar: 'undo redo | blocks | bold italic underline | '
           + 'forecolor backcolor | alignleft aligncenter alignright | '
           + 'bullist numlist | table link image | codesample | removeformat',
    images_upload_url: '/examples/tinymce/upload',  // 이미지 업로드 엔드포인트
    automatic_uploads: true,
    file_picker_types: 'image',
});

// 뷰: textarea에 TinyMCE 연결
// <textarea id="content" name="content"></textarea>

public function save(): RedirectResponse
{
    $content = $this->request->getPost('content') ?? '';

    // 실제 서비스: HTMLPurifier 등으로 XSS 필터링 필요
    // $content = $purifier->purify($content);

    // DB 저장 예시
    // $this->articleModel->save(['content' => $content]);

    // 여기서는 세션에 임시 저장
    session()->setFlashdata('tinymce_content', $content);
    return redirect()->to(base_url('examples/tinymce'));
}

public function upload(): Response
{
    $file = $this->request->getFile('file');

    if (! $file->isValid()) {
        return $this->response->setStatusCode(400)
            ->setJSON(['error' => ['message' => '업로드 실패']]);
    }

    $newName = $file->getRandomName();
    $file->move(WRITEPATH . 'uploads/tinymce/', $newName);

    // TinyMCE가 기대하는 응답 형식: { "location": "이미지URL" }
    return $this->response->setJSON([
        'location' => base_url('examples/tinymce/image/' . $newName),
    ]);
}

// TinyMCE가 생성한 HTML을 그대로 출력할 때는
// esc() 를 사용하지 않습니다 — esc()는 HTML 태그를 이스케이프합니다.
// 단, 저장 전 반드시 서버 측 HTML 필터링 필요.

// 권장: HTMLPurifier 또는 league/html-to-markdown
// composer require ezyang/htmlpurifier

use HTMLPurifier;
use HTMLPurifier_Config;

$config   = HTMLPurifier_Config::createDefault();
$purifier = new HTMLPurifier($config);
$clean    = $purifier->purify($rawHtml);

// 뷰에서 필터링된 HTML 출력
echo $clean;  // esc() 없이 출력 (이미 정제됨)

<script src="https://cdn.jsdelivr.net/npm/tinymce@7/tinymce.min.js"></script>

tinymce.init({
    base_url: 'https://cdn.jsdelivr.net/npm/tinymce@7',
    suffix: '.min',
    license_key: 'gpl',   // GPL 선언 — 알림 없음
    ...
});

<!-- tiny.cloud CDN (상용/무료 플랜 모두 API 키 필요) -->
<script src="https://cdn.tiny.cloud/1/YOUR_API_KEY/tinymce/7/tinymce.min.js"></script>