Javascript:如何嵌入和截断Tumblr博客帖子

时间:2011-03-09 00:47:19

标签: javascript json blogs tumblr posts

使用Tumblr的JSON API,我将博客帖子嵌入到另一个网站中。然而,博客帖子很长,想法只是显示最新帖子的片段,如果他们想要阅读更多内容,请附上链接。

您可以在此处看到示例http://jsbin.com/ibede5/9 - 随意编辑。

对于每个帖子,我需要截断并添加省略号('...')。唯一的问题是,通过JSON API这样做几乎是不可能的,因为隐藏了这么多代码字符(意思是我工作的第一个帖子示例使用.substring(35868, 36070)提取字符,这只是疯了)。它也不适用于第二篇文章。

理想情况下,只有将JSON API代码转换为标准HTML后才需要截断。

此外,我发现包含帖子中图片的唯一方法是再次附加帖子并使用'display: none;隐藏文字,只留下图片。当然有更好的方法吗?

有什么想法吗?我是否应该为此使用他们的JSON API呢?

非常感谢。

1 个答案:

答案 0 :(得分:1)

我认为您需要将post ['regular-body']设置为元素的innerHTML属性,以便能够将文本作为文本检索,然后对其执行子字符串:

elem = $('<div></div>');
elem.html(p['regular-body']);
text = elem.text();
body = text.substring(0, 128);

现在elem包含p['regular-body']中的所有HTML,您可以在其中进行搜索。要查找<img>元素,请执行以下操作:

var images = $(elem).find('img');