如何让我的 iframe 代码在 django cms 中正确显示?

Posted

技术标签:

【中文标题】如何让我的 iframe 代码在 django cms 中正确显示?【英文标题】:How to get my iframe code to display correctly in django cms? 【发布时间】:2016-12-31 01:17:27 【问题描述】:

我正在使用 django cms 创建我的网站和谷歌日历。但是,当我添加代码时,它只是纯代码,不会显示日历。 这是我网站的链接: http://138.68.6.151:8000/en/events 有人可以解释如何解决这个问题吗?

【问题讨论】:

【参考方案1】:

访问您的网站并使用浏览器控制台检查您的 iframe 后,我发现 iframe 标记不正确(如引号中的文本),因此无法正确呈现。在您的段落标签中,iframe 标签应采用以下方式:

<p><iframe frameborder="0" height="500" scrolling="no" src="https://calendar.google.com/calendar/embed?height=500&wkst=1&bgcolor=%23FFFFFF&src=6uemf0u3aqg89knqb4ndic0n04%40group.calendar.google.com&color=%23853104&ctz=America%2FChicago" style="border-width:0" width="500"></iframe></p>

为了验证这一点,在前端级别播放后,我得到了以下结果。

之前的状态(还要注意右边的 html 代码)

在前端的代码中进行上述更改后(注意右侧的 iframe 标记现在突出显示为以前不是这种情况的标记):

因此,在您的情况下,iframe 标记无法正确呈现。

由于您在 Django CMS 中使用 iframe,所以提到的配方 in this *** post 将为您提供帮助。

【讨论】:

OP 出现问题的原因是 CMS(正确地)转义了他/她试图粘贴到编辑器中的原始 HTML - 您的建议不会阻止这种情况的发生。 那我该怎么办? 您可以参考this*** 帖子,正如编辑后的帖子中提到的那样【参考方案2】:

我做了更多研究,发现我必须在我的 settings.py 中添加以下内容

TEXT_ADDITIONAL_TAGS = ('iframe',) TEXT_ADDITIONAL_ATTRIBUTES = ('scrolling', 'allowfullscreen', 'frameborder',

【讨论】:

以上是关于如何让我的 iframe 代码在 django cms 中正确显示?的主要内容,如果未能解决你的问题,请参考以下文章

如何让我的 Grafana iframe 加载更快?

如何在 Django 中配置 X-Frame-Options 以允许 iframe 嵌入一个视图?

如何从 chrome 扩展访问 iframe?

如何使 iframe 可调整大小?

如何让我的表单在 Django 中工作?

如何让我的 django 应用程序在滚动时加载内容?