代码之家 › 专栏 › 技术社区 › Denoteone

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

url-encoding urlencode html

Denoteone · 技术社区 · 8 年前

我试图为我的访问者提供一种复制视频(youtube)嵌入URL的方法。当然,当我将嵌入字符串添加到页面时,它实际上嵌入了视频。我试图对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 URL?

1 回复 | 直到 8 年前

Kallmanation 8 年前

对于您的用例,它足够简单,可以替换文字字符 < 和 > (这是用这些字符的html实体(即。 < 和 $gt; )

运行下面的代码片段,您将看到它呈现了我们期望用户复制的原始字符串。(如果您尝试将其复制到html页面,您将看到嵌入的youtube视频如我们所期望的那样出现)

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

推荐文章

yellowcap · 为什么urllib。作语法分析引号编码URL中的非保留字符?

8 年前

mutable2112 · 为什么URLEcoder不能。像其他人一样编码工作?

8 年前

Tom Taylor · 对于以GB为单位的文件大小,选择应用程序/x-www-form-urlencoded/multipart/form-data是什么?

9 年前

Demat · 创建不会被URL解码的HTML链接

10 年前

LG_ · UriComponentsBuilder查询参数和片段

10 年前

Firdavs Kurbonov · 有人能解释一下这个字符串是什么意思吗?

12 年前

DudeOnRock · 如果我在查询调用中不使用url编码反斜杠,会发生什么不好的事情?

13 年前

Neilski · 无法解码Base-64 URL

13 年前