在 Facebook Wall 中,如果您添加网站的 href 链接或 URL,Facebook 将抓取该特定链接的图像和描述并将其显示在帖子上。
如何在 Jomsocial 中实现这一点?
至少告诉如何使用普通的 PHP 和 Javascript 或 Jquery 来实现。
在 Facebook Wall 中,如果您添加网站的 href 链接或 URL,Facebook 将抓取该特定链接的图像和描述并将其显示在帖子上。
如何在 Jomsocial 中实现这一点?
至少告诉如何使用普通的 PHP 和 Javascript 或 Jquery 来实现。
我把这个放在身边。创建一个 id="showthumb" 的 div,创建一个 textarea.. 用作此函数中的 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:使用onchange
event oftextarea
来了解是否有人输入了某些内容。
Step2:使用 Jquery 确定是否为 Url 。代码将是这样的。
一些正则表达式从这样的 textarea 中提取正确的 url
var regex=/Your Regex to know url/
var url= regex.mathc($('#textareaid').val()).
第三步:现在你得到了 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。