Bagaimana Anda bisa mendeteksi tautan dalam teks dan menggunakan oembed/jquery untuk mengubahnya (seperti Facebook, Twitter, dll.)

Anda dapat melakukannya menggunakan plugin jquery oembed:

http://code.google.com/p/jquery-oembed/

Semoga ini membantu. Bersulang

Jika Anda menginginkan contoh JS sederhana tanpa menggunakan perpustakaan eksternal (Ini untuk Facebook, tetapi konsep yang sama dapat diterapkan untuk penyedia lain).

$().ready(function() {
  $('.facebookLink').each(function() {
    var container = $(this);
    var url = jQuery.trim(container.text());
    container.text("");
    if (url) {
      $.ajax({
        url: "https://apps.facebook.com/plugins/post/oembed.json/",
        data: {
          "url": url
        },
        dataType: "jsonp",
        async: false,
        success: function(data) {
          container.html(data.html);
        }
      });
    }
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<div class="facebookLink">https://www.facebook.com/FacebookDevelopers/posts/10152128760693553</div>

Anda dapat memeriksa dokumentasinya di sini..

https://developers.facebook.com/docs/plugins/oembed-endpoints

Catatan: Agar API ini berfungsi dengan baik dengan panggilan ajax di perangkat seluler; Anda perlu menggunakan domain titik akhir "apps.facebook.com" dan bukan "www.facebook.com":

https://apps.facebook.com/plugins/post/oembed.json/?url={content-url}

Hal ini karena jika Anda menggunakan titik akhir yang disediakan dalam dokumentasi resmi "www.facebook.com", Agen pengguna perangkat seluler akan memaksa pengalihan ke "m.facebook.com" yang tidak menerapkan titik akhir ini.