Regex untuk Mendeteksi URL Gambar

Jum’at, 18 Mei 2012

Tabel Konten

Contoh Penerapan: Mengubah URL Gambar menjadi 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;

Lihat Demo

Referensi: Regex Replace URL with Links

8 Komentar

Beben Koben

Sabtu, 19 Mei 2012 02:32 AM

Regex itu apaan c ^_^
kok kayak nama makanan yach!
iwak regex..iwak regex...

kabuuurrrr

Unknown

Sabtu, 19 Mei 2012 07:58 AM

Gimana ya cara saya mengganti kode ini

<script type='text/javascript'>
//<![CDATA[
function replaceText(){if(!document.getElementById){return;}
bodyText = document.getElementById("comment-holder");
theText = bodyText.innerHTML;
theText = theText.replace(/\[img\].*?'.*?\[\/img\]/gi, "");
theText = theText.replace(/\[nct\].*?'.*?\[\/nct\]/gi, "");
theText = theText.replace(/\[youtube\].*?'.*?\[\/youtube\]/gi, "");
theText = theText.replace(/\[img\]/gi, "<div style='clear:both'></div><img style='float:left;margin:10px 0;border:1px solid #DDD;max-width:500px;background:#FFF;padding:2px' src='");
theText = theText.replace(/\[\/img\]/gi, "'/><div style='clear:both'></div>");
theText = theText.replace(/\[youtube\]http:\/\/youtu.be/gi, "<iframe width='480' height='390' src='http://www.youtube.com/embed");
theText = theText.replace(/\[youtube\]http:\/\/www.youtube.com\/watch\?v=/gi, "<iframe width='480' height='390' src='http://www.youtube.com/embed/");
theText = theText.replace(/&amp;feature=/gi, "?rel=0' ");
theText = theText.replace(/\[\/youtube\]/gi, "?rel=0' frameborder='0' allowfullscreen></iframe>");
theText = theText.replace(/\[nct\]http:\/\/www.nhaccuatui.com\/nghe\?L=/gi, "<div style='overflow:hidden'><embed style='margin-top:-250px;width:300px;height:400px' src='http://www.nhaccuatui.com/l/");
theText = theText.replace(/\[nct\]http:\/\/www.nhaccuatui.com\/nghe\?M=/gi, "<div style='overflow:hidden'><embed style='margin-top:-350px;width:300px;height:400px' src='http://www.nhaccuatui.com/m/");
theText = theText.replace(/\[\/nct\]/gi, "' quality='high' wmode='transparent' type='application/x-shockwave-flash'></embed></div>");
theText = theText.replace(/:\)\)/gi, "<img src='http://4.bp.blogspot.com/-sLWPs95In6M/T53hkfADCNI/AAAAAAAABnw/HqQ7VwncMec/s1600/ngguyu2.gif'/>");
theText = theText.replace(/t\t/gi, "<img src='http://1.bp.blogspot.com/-4rYiGkLzgRw/T53hl1_vixI/AAAAAAAABn4/cwtGTENcdEY/s1600/tepuk+tangan.gif'/>");
theText = theText.replace(/:d/gi, "<img src='http://1.bp.blogspot.com/-kGaP5gR4_nE/T53hS3q3xnI/AAAAAAAABmw/1yG-GVNojuw/s1600/buatD.gif'/>");
theText = theText.replace(/:p/gi, "<img src='http://4.bp.blogspot.com/-vrrwL6W3HwM/T53hWop27TI/AAAAAAAABnA/0saIE7YOyDs/s1600/buatP.gif'/>");
theText = theText.replace(/:\(\(/gi, "<img src='http://1.bp.blogspot.com/-yn6Vn6TYweQ/T53hd7GKM6I/AAAAAAAABng/zELrnPkqnLE/s1600/nangis2.gif'/>");
theText = theText.replace(/:\)/gi, "<img src='http://3.bp.blogspot.com/-5qAQ2p_vS8Q/T53hgjDKSkI/AAAAAAAABno/T7kFIHffSyU/s1600/ngguyu.gif'/>");
theText = theText.replace(/:\(/gi, "<img src='http://4.bp.blogspot.com/-AsHYLRE0OpM/T53hcKsiHwI/AAAAAAAABnY/jB5VV2pwhn0/s1600/nangis.gif'/>");
theText = theText.replace(/:-\?/gi, "<img src='http://4.bp.blogspot.com/-B_7Y6ZakjpE/T53hYq87IyI/AAAAAAAABnI/KpGC6Yj6F2E/s1600/mikir.gif'/>");
theText = theText.replace(/:m/gi, "<img src='http://1.bp.blogspot.com/-s0cmyAiQ5qU/T53hala5DBI/AAAAAAAABnQ/lK7NgnW4uic/s1600/minum+kopin+sambil+online.gif'/>");
bodyText.innerHTML = theText;
}replaceText();
//]]>
</script>
</b:if>

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