获取格式化的 Youtube 描述（带换行符和超链接）

Question

我想知道如何在保持格式的同时从给定视频中提取 YouTube 说明。我已经成功地获得了视频的 description/title/thumbnail，我似乎无法在描述中保留 HTML 格式。每当我把它放入div时，它就变成一大堆纯文本。

我的代码如下：

 var json = (function () {
     var json = null;
     $.ajax({
         'async': false,
         'global': false,
         'url': youTubeURL,
         'dataType': "json",
         'success': function (data) {
             json = data;
         }
     });
     return json;
 })();

之后，我得到的描述和标题是这样的：

 var desc = json.entry.media$group.media$description.$t;
 var title = json.entry.title.$t;

这一切都很好。但是，当我把它放在 div 中时，像这样：

 $('#video_desc').html('<h1>' + title + '</h1><p>' + desc + '</p>');

描述随后显示为一大块文本，其中应该有换行符和链接。奇怪的是，当我对描述进行警告或 console.log 时，它显示了正确的格式...

我确定这是我遗漏的一些小东西，但任何帮助都会很棒，干杯！

Answer 1

对于行格式，您可以使用：

p{
  white-space: pre-line;
}

这将保留格式，但其余部分将以字符串形式出现（调用 $.type(var) 以查看），因此链接和任何其他 HTML 格式将不会保留。我的建议是查找并替换实际可点击链接。您可以查看 URL 库来帮助解决这个问题。

FIDDLE

获取格式化的 Youtube 描述（带换行符和超链接）

Getting formatted Youtube Description (With line breaks and hyperlinks)

html

youtube

ajax

jquery