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>');

然后，描述显示为一个大的文本块，其中应该有换行符和链接。奇怪的是，当我执行说明的alert或console.log时，它会显示正确的格式...

我确定我失踪了一些小事，但任何帮助都会很棒，欢呼！

Answer 1

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

p{
  white-space: pre-line;
}

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

FIDDLE

格式化Youtube说明（带换行符和超链接）

1 个答案: