Regex untuk Mendeteksi URL Gambar
/(http:\/\/[\w\-\.]+\.[a-zA-Z]{2,3}(?:\/\S*)?(?:[\w])+\.(?:jpg|png|gif|jpeg|bmp))/ig
Contoh Penerapan: Mengubah URL Gambar menjadi Gambar
Baris kode ini akan mengubah semua pola URL di dalam #comment-holder
yang terdeteksi sebagai URL gambar dengan elemen <img>
secara otomatis:
var content = document.getElementById('comment-holder').innerHTML;
content = content.replace(/(http:\/\/[\w\-\.]+\.[a-zA-Z]{2,3}(?:\/\S*)?(?:[\w])+\.(?:jpg|png|gif|jpeg|bmp))/ig, "<img src='$1' alt=''\/>");
document.getElementById('comment-holder').innerHTML = content;
Referensi: Regex Replace URL with Links
8 Komentar
Beben Koben
Regex itu apaan c ^_^
kok kayak nama makanan yach!
iwak regex..iwak regex...
kabuuurrrr
Unknown
Gimana ya cara saya mengganti kode ini
Dengan kode regex ini dan juga kode mengubah URL youtube menjadi video itu..?
Jadi gak usah pake' tag tag_an lagi soalx banyak Error juga hadeuh
Unknown
@system of blog Wadau percobaanQ errong :D COba lagi ah
Unknown
@system of blog susah juga rupanya :)
Taufik Nurrohman
@Beben Koben Regex = Regular Expression.
Cari di kotak penelusuran blog ini, nanti akan ada banyak yang ditemukan (keterangan ditulis dalam tooltip).
Taufik Nurrohman
@system of blog Kapan-kapan Saya buat dalam posting terpisah.
Unknown
@Taufik Nurrohman ok deh
budkalon
Kang, maaf sebelumnya, saya nanya terus, dan sebenarnya ini sedikit OOT.
Bagaimana caranya agar setiap link yang ditulis di postingan dapat menjadi link aktif?
misalnya saya menulis ini:
http://egg.endog/
nah, secara otomatis akan berubah menjadi:
<a href="http://egg.endog/">http://egg.endog/</a>
Saya udah make cara yang mirip di atas, tapi tetep susah :Ozz