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
/storagebelum benar-benar terhubung ke direktoristorage/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
Belum ada komentar. Jadilah yang pertama!