目前，我正在开发一个与 Wordpress 和 Elementor（最新版本）配合使用的网站。我正在尝试在 Elementor 编辑器中使用 html 小部件来实现 iframe。 iframe 通过（客户端的）外部网站链接工作，我希望 iframe 能够根据 iframe 的内容自动调整高度。但是，我目前无法将其与下面的代码一起使用。在 Elementor 编辑器本身中，它看起来不错，但在网站本身上，它几乎不可见（由于高度有限），并且不起作用。我也尝试过以下代码：height =“auto”，height =“100％”，但它们也不起作用。
有谁知道我该如何解决这个问题？我确实尝试了其他主题的一些解决方案，但这些也不起作用（而且我不擅长编码）。这就是我创建一个新主题的原因。
使用的代码：
<script type="text/javascript"
src="https://cdnjs.cloudflare.com/ajax/libs/iframe-resizer/4.2.11/iframeResizer.min.js"></script><script
type="text/javascript">iFrameResize({ inPageLinks: true },
'#externallinkname')</script><iframe id="externallinkname"
src="https:// externallink.com/"
width="100%" scrolling="no"></iframe>
- 注意：出于客户隐私考虑，以下代码的名称已更改：#externallinkname, id="externallinkname", src="https://externallink.com/ “
At the moment, I am working on a website that works with Wordpress and Elementor (latest versions). I'm trying to implement an iframe using an html widget in the Elementor editor. The iframe works via an external website link (of a client) and I would like the iframe to automatically adjust in height to the content of the iframe. However, I am currently not getting this to work with the code below. In the Elementor editor itself it looks good, but on the website itself it is barely visible (due to the limited height) and it does not work. I have tried the following codes as well: height="auto", height="100%", but they didn't work either.
Does anyone know how I can fix this, please? I did try some solutions on other topics, but these didn't work either (and I'm not that good at coding). That's why I created a new topic.
The code used:
<script type="text/javascript"
src="https://cdnjs.cloudflare.com/ajax/libs/iframe-resizer/4.2.11/iframeResizer.min.js"></script><script
type="text/javascript">iFrameResize({ inPageLinks: true },
'#externallinkname')</script><iframe id="externallinkname"
src="https:// externallink.com/"
width="100%" scrolling="no"></iframe>
- Note: The names of the following codes are changed, due clients privacy: #externallinkname, id="externallinkname", src="https:// externallink.com/"
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论