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

Question

我想知道如何在保持格式的同时从给定视频中提取YouTube描述。我已经成功地获得了视频的描述/标题/缩略图，我似乎无法在描述中保留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>');

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

我敢肯定这是我错过的小东西，但任何帮助都会很棒，干杯！

Answer 1

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

p{
  white-space: pre-line;
}

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

小提琴