使用大卫·J·布拉德肖的iframe-resizer
我有一个团队语言状态查看脚本托管在一个与我的wordpress不同的领域。因此，我试图使用iframe在text/html小部件中显示脚本结果，除非它不会自动调整高度大小。Wordpress是在共享主机上，所以这个脚本不会从那里与我的团队语言服务器通信。我找不到任何其他的ts3观看者，他们在自动隐藏空频道的同时工作，而且也不完全丑陋。在做了一些研究之后，我发现了一个似乎是最新的、最伟大的解决方案，大卫·J·布拉德肖( David J Bradshaw)的iframe-resizer。现在我不是这个问题的专家，也不完全明白我应该如何正确地设置这个问题。
目前，我的wordpress小部件读起来如下：
<iframe src="http://66.172.12.238/ts3.php" width="100%" scrolling="no"></iframe>ts3.php如下所示：
<html>
<head>
<title>TSStatus</title>
<link rel="stylesheet" type="text/css" href="/ts3/tsstatus.css" />
<script type="text/javascript" src="/ts3/tsstatus.js"></script>
</head>
<body>
<?php
require_once("/var/www/ts3/tsstatus.php");
$tsstatus = new TSStatus("ts3.greatarchitect.us", 10011);
$tsstatus->useServerPort(9987);
$tsstatus->imagePath = "/ts3/img/";
$tsstatus->timeout = 2;
$tsstatus->hideEmptyChannels = true;
$tsstatus->hideParentChannels = true;
$tsstatus->showNicknameBox = false;
$tsstatus->showPasswordBox = false;
echo $tsstatus->render();
?>
</body>
</html> 这就是我现在所拥有的。我希望有人能帮我正确地安装/安装这个iframe。
谢谢。
回答 1
Stack Overflow用户
发布于 2014-07-07 17:04:10
看起来，您需要向http://66.172.12.238/ts3.php中添加一个js文件。
页面的看这里的小提琴和插件页面的示例。
您需要添加这个js文件：
<script type="text/javascript" src="http://davidjbradshaw.com/iframe-resizer/js/iframeResizer.contentWindow.min.js"></script> 我不知道你是否知道如何加载额外的js文件到Wordpress。如果没有，请在这里阅读脚本
向Wordpress添加js文件
我会将其添加到js文件中以执行大小调整器，我将将其命名为iframe.js：
iFrameResize({
log : true, // Enable console logging
enablePublicMethods : true, // Enable methods within iframe hosted page
});将其添加到主题的functions.php文件中：
function theme_name_scripts() {
wp_enqueue_script( 'script-name', get_template_directory_uri() . '/js/iframeResizer.min.js ', array(), '1.0.0', true );
wp_enqueue_script( 'script-name', get_template_directory_uri() . '/js/iframe.js ', array(), '1.0.0', true );
}
add_action( 'wp_enqueue_scripts', 'theme_name_scripts' );确保将iframeResizer.min.js和iframe.js添加到themefolder/js/文件夹中。
你可以编辑iframe.js脚本，因为你不需要额外的插件选项！
https://stackoverflow.com/questions/24613836
复制相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号