1

Facebook ウォールで、ウェブサイトの href リンクまたは URL を追加すると、Facebook はその特定のリンクの画像と説明を取得して、投稿に表示します。

Jomsocial でこれを実装する方法は?

少なくとも、通常の PHP と Javascript または Jquery を使用して実装する方法を教えてください。

4

2 に答える 2

2

これを置いていました。id="showthumb" で div を作成し、この関数で obj として使用される te​​xtarea.. を作成します。

function getthumb ($obj)
{    
     $obj.keydown (function (e) //obj is the textbox
     {
    if (e.keyCode == 32 || e.charCode == 32) { //user pressed space.
        var t_content = $obj.val ();
        var t_urls = t_content.match (/https?:\/\/([-\w\.]+)+(:\d+)?(\/([\w/_\.]*(\?\S+)?)?)?/);

        if (t_urls != null) {
            if (t_urls.length > 0) {
                $('#showthumb').html ('<img src='+t_urls['input']+'>');
            }
        }
    }
 });
}

おそらく編集可能なdiv.btw内に設定できます..私はここからこれを学びました

于 2012-09-09T13:14:07.373 に答える
1

簡単なアプローチは次のようになります: ユーザーがリンクを入力するテキストエリアがあるとします。

ステップ 1:onchange のイベントを使用textareaして、誰かが何かを入力したかどうかを確認します。

Step2: Jquery を使用して Url かどうかを確認します。コードはこのようなものになります。

このようなテキストエリアから正しいURLを抽出する正規表現

 var regex=/Your Regex to know url/ 
 var url= regex.mathc($('#textareaid').val()).

ステップ 3: URL を取得しました。を使用してサーバーに送信します。

 $.ajax({
                       url:submit.php
                       type:'POST'
                       success:// do your dom mainpulation code here by geting the data from server. 
                           });

ステップ 4: PHP コードで httpwebrequest を作成して、その URL のコンテンツ html を取得します。また、いくつかのユーティリティを使用して、取得した html から画像とヘッダーを抽出できます。作成した ajax リクエストへの応答として送信します。

ステップ 5: これで完了です。ajax リクエストが成功したら、サーバーから送信したデータを DOM に追加します。

于 2012-09-09T13:18:28.260 に答える