在 HTML 表单中添加 Spotify 链接答案

【问题标题】：Add a Spotify link in an HTML form在 HTML 表单中添加 Spotify 链接
【发布时间】：2019-05-28 09:45:56
【问题描述】：

复制 Spotify 歌曲 URL 并生成所需的 iframe 代码以粘贴到您自己的 HTML 代码中非常容易，例如：

<iframe src="https://open.spotify.com/embed/track/1q8gelFgFYUwoWpQV7WNCe" width="300" height="380" frameborder="0" allowtransparency="true" allow="encrypted-media"></iframe>

仅供参考，具体操作方法见https://developer.spotify.com/documentation/widgets/generate/play-button/

但是，我的问题是允许用户将相同的代码粘贴到 HTML 表单中，以使其显示在用户的个人资料页面上。目前我能想到的唯一方法是：

使用标签并要求用户在粘贴之前先从链接中删除和“（例如https://open.spotify.com/embed/track/1q8gelFgFYUwoWpQV7WNCe” width="300" height="380" frameborder="0" allowtransparency="true" allow="encrypted-media)。然后，使用粘贴的文本作为标签之间的变量。这种方法不是首选，因为需要用户采取行动。
允许用户粘贴整个链接，然后使用函数删除 /"，然后按照使用代码作为变量的相同方法。

我在这里缺少更直接的方法吗？有没有办法可以将整个<iframe> 代码粘贴到表单中直接显示在用户的个人资料中？

提前感谢您的帮助。

【问题讨论】：

标签： javascript html forms iframe

【解决方案1】：

考虑到用户体验的更好方法是要求用户粘贴 Spotify URI（使用“复制 Spotify URI”按钮）之后，您可以使用脚本格式化该 URI 以获取此部分

然后把格式化的部分放在这里：

【讨论】：

感谢您的意见！这是一个很好的建议，因为它似乎是链接中唯一每次实际更改的元素。