在页面上显示嵌入URL(iframe)作为字符串

时间:2018-04-10 18:22:53

标签: html urlencode url-encoding

我正在尝试为访问者提供一种复制视频(youtube)嵌入网址的方法。但当然,当我将嵌入字符串添加到我的页面时,它实际上嵌入了视频。我尝试对URL进行编码,但组成特殊字符的字符显示。

这就是我目前所拥有的:

<div id="intro_url">%3Ciframe+width%3D%22560%22+height%3D%22315%22+src%3D%22https%3A%2F%2Fwww.youtube.com%2Fembed%2xxxxxxxxg%22+frameborder%3D%220%22+allow%3D%22autoplay%3B+encrypted-media%22+allowfullscreen%3E%3C%2Fiframe%3E</div>

我希望用户会看到类似的内容:

<iframe width="560" height="315" src="https://www.youtube.com/embed/TnxxxxxxXg" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>

但他们获得了html编码版本。

问题:是否可以在不向网页实际添加iframe的情况下显示iframe网址?

1 个答案:

答案 0 :(得分:0)

对于您的用例,它足够简单,可以用这些字符的html实体替换文字字符<>(这是信号/触发html解析标记)(即{{{{ 1}}和&lt;

在下面运行我的代码段,您将看到它呈现我们希望用户复制的原始字符串。 (如果您尝试将其复制到html页面,您会看到嵌入式YouTube视频按我们的预期显示)

$gt;