gpt4 book ai didi

html - 将 div 和脚本转换为单个 iframe

转载 作者:行者123 更新时间:2023-11-27 23:12:17 24 4
gpt4 key购买 nike

我使用 tsviewer.com 网站创建了一段可插入的 HTML 代码,我可以将其插入到我的网页中,以显示我的 Teamspeak 服务器的状态。这就是它给我的。但这在 vue 中不太有效,因为我不知道在哪里放置脚本。

<div id="ts3viewer_1118023" style=""> </div>

<script src="https://static.tsviewer.com/short_expire/js/ts3viewer_loader.js"></script>
<script>
var ts3v_url_1 = "https://www.tsviewer.com/ts3viewer.php?ID=1118023&text=757575&text_size=12&text_family=1&text_s_color=000000&text_s_weight=normal&text_s_style=normal&text_s_variant=normal&text_s_decoration=none&text_i_color=&text_i_weight=normal&text_i_style=normal&text_i_variant=normal&text_i_decoration=none&text_c_color=&text_c_weight=normal&text_c_style=normal&text_c_variant=normal&text_c_decoration=none&text_u_color=000000&text_u_weight=normal&text_u_style=normal&text_u_variant=normal&text_u_decoration=none&text_s_color_h=&text_s_weight_h=bold&text_s_style_h=normal&text_s_variant_h=normal&text_s_decoration_h=none&text_i_color_h=000000&text_i_weight_h=bold&text_i_style_h=normal&text_i_variant_h=normal&text_i_decoration_h=none&text_c_color_h=&text_c_weight_h=normal&text_c_style_h=normal&text_c_variant_h=normal&text_c_decoration_h=none&text_u_color_h=&text_u_weight_h=bold&text_u_style_h=normal&text_u_variant_h=normal&text_u_decoration_h=none&iconset=default";
ts3v_display.init(ts3v_url_1, 1118023, 100);
</script>

另一方面,Discord 提供了一行代码,可以轻松插入并完美运行。

<iframe src="https://discordapp.com/widget?id=261587898996883458&theme=dark" width="350" height="500" allowtransparency="true" frameborder="0"></iframe>

问题是,如何将一种转换为另一种?谢谢

最佳答案

  1. 您需要在您的标签前添加Javascript网站结束。

    1. 重要的是你渲染一个正确的 id 的 div

举个例子

<html>
<head>
<title>VueJs Introduction</title>
<script type = "text/javascript" src = "https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.3/vue.min.js">
</script>

<script src="https://static.tsviewer.com/short_expire/js/ts3viewer_loader.js"></script>
<script>
var ts3v_url_1 = "[add here the whole teamspeaker snippet url]";
ts3v_display.init(ts3v_url_1, 1118023, 100);
</script>

</head>
<body>
<div id = "intro" style = "text-align:center;">
<h1>{{ message }}</h1>
</div>


<div id="ts3viewer_1118023" style=""> </div>


<script type = "text/javascript">
var vue_det = new Vue({
el: '#intro',
data: {
message: 'My first VueJS Task'
}
});
</script>
</body>
</html>

我已经删除了他全长的 tsviewer 代码,因为该列表是公开的。你应该在那里添加他[在此处添加整个 teamspeaker 片段 url]

也许您还应该修改您的帖子或更改 url 作为示例。

关于html - 将 div 和脚本转换为单个 iframe,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58457259/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com