在类似Facebook的社交墙中添加href

Adding href in Wall of jomsocial like Facebook

本文关键字:添加 href Facebook      更新时间:2023-09-26

在Facebook墙中,如果你添加网站的href链接或URL,Facebook会抓取该特定链接的图像和描述,并将其显示在帖子上。

如何在Jomsocial中实现这一点?

至少告诉我们如何使用普通的PHP和Javascript或Jquery来实现。

我有这个。创建一个id="showthumb"的div,创建一个文本区域。。用作此函数中的obj。

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中设置它。我从这里学到了

简单的方法如下:假设您有一个文本区域,用户在其中键入链接。

步骤1:使用textareaonchange事件来知道是否有人键入了什么。

第2步:使用Jquery来确定它是否是Url。代码将是这样的。

一些正则表达式从文本区域提取正确的url,如

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

第三步:现在你得到了网址。使用将其发送到服务器。

 $.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请求的响应发送。

第五步:你完成了。ajax请求成功后,您将从服务器发送的数据附加到DOM中。