Tentang Layanan Produk Portfolio Blog Team Konsultasi Gratis
Umum
0

Cara Mengatasi TinyMCE Tidak Menampilkan Gambar di Laravel

NA Ngoding Anywhere 10 Aug 2025 3 min read

Apakah kamu mengalami masalah di mana TinyMCE hanya menampilkan tag HTML gambar , tanpa benar-benar menampilkan gambar saat digunakan di Laravel? Artikel ini akan membahas penyebab dan solusinya, lengkap berdasarkan pengalaman langsung di terminal server.


šŸ“Œ Permasalahan

TinyMCE sudah dikonfigurasi untuk upload gambar, namun ketika gambar berhasil diunggah, hanya muncul tag HTML seperti ini di editor:

Namun gambar tidak tampil, dan hanya muncul sebagai tag HTML biasa. Ini sering terjadi karena:

Public URL /storage belum benar-benar terhubung ke direktori storage/app/public.

āœ… Penyebab Utama: Symlink Laravel Belum Tersambung

Secara default, Laravel menyimpan file upload di direktori:

storage/app/public

Namun agar file ini bisa diakses secara publik melalui browser, Laravel perlu membuat symbolic link (symlink) ke:

public/storage

Jika symlink ini tidak ada atau rusak, maka URL /storage/... tidak akan bisa diakses, termasuk gambar dari TinyMCE.

āœ… Solusi Lengkap: Menampilkan Gambar TinyMCE dengan Benar

Berikut ini adalah langkah-langkah yang sudah terbukti berhasil berdasarkan pengalaman nyata:

1. Hapus Link public/storage Jika Sudah Ada

rm -rf public/storage

2. Buat Folder Tujuan Upload Jika Belum Ada

Misalnya jika TinyMCE menyimpan ke folder uploads/tinymce, kamu bisa buat manual:

mkdir -p storage/app/public/uploads/tinymce (Pastikan Laravel punya hak akses penuh untuk direktori ini)

3. Buat Ulang Symbolic Link Laravel

Gunakan perintah artisan:

php artisan storage:link

Jika berhasil, akan muncul pesan hijau seperti:

The [/home/username/project/public/storage] link has been connected to [/home/username/project/storage/app/public].

Artinya folder public/storage kini terhubung ke storage/app/public dan URL seperti /storage/uploads/... bisa diakses dari browser.

4. Cek Hasilnya

  • Akses langsung URL gambar: http://localhost:8000/storage/uploads/tinymce/nama-gambar.jpg

  • Refresh editor TinyMCE → Gambar kini akan tampil dengan benar, bukan hanya tag HTML.


āœ… Kesimpulan

Masalah gambar TinyMCE tidak muncul di Laravel bukan dari TinyMCE-nya, melainkan dari Laravel yang belum menghubungkan folder publik ke storage. Dengan mengikuti langkah:

  • Hapus symlink lama

  • Buat folder upload

  • Jalankan php artisan storage:link

Kamu bisa memperbaiki masalah tersebut dengan cepat.

 

#tinymce tidak tampil gambar laravel #cara menampilkan gambar tinymce di laravel #laravel php artisan storage:link tidak berfungsi #solusi gambar tinymce hanya muncul sebagai tag html #storage link laravel untuk upload gambar tinymce

 

NA
Ngoding Anywhere
Content Writer

Praktisi dan pengajar di bidang teknologi dengan pengalaman lebih dari 5 tahun.

šŸ’¬ Komentar (0)

Belum ada komentar. Jadilah yang pertama!

Ada Pertanyaan?

Butuh bantuan atau konsultasi tentang topik ini?

Tim kami siap membantu Anda dengan senang hati.

Hubungi Kami

Chat dengan Kami